接上:
1.下拉列表框<option>,<selcct>
(1)解释:在表单中,通过option select标记可设计一个下拉式的列表或带有滚动条的列表,
用户可以在列表中选中一个或者多个选项。
(2)基本语法:<select name="" size="" multiple>
<option value="" selected>....</option>
<option value="">...</option>
....
</select>
(3)语法说明: 例如:<select size="4" name="list1" multiple="multiple">
<select>标记有:
name:设定下拉列表名字;
size:用于改变下拉框的大小,默认值为1;
multiple:表示允许用户从列表中选择多项,若缺省,则表示单选;
这3个属性。
option标记有:
value:用于设置当该选项被选中并提交后,浏览器传送给服务器的数据;
selected:用来指定选项的初始状态,表示该选项在初始时被选中;
这两个属性。
2.多行文本框<textarea>标记
基本语法:
<texearea name="" rows="" cols="" wrao="off|virtual|physical">
初始值
</textarea>
例如:<textara name="Letter" rows="4" cols="40"></textarea>
<textarea name="userBasicInfo" rows="5" cols="50"></textarea>
end!
注意:rows设置输入域的行数, cols设置输入域的列数 ;wrap设置是否换行;
表单设计案例------学生入校注册页面设计
<html>
<head>
<title>学生信息注页面</title>
</head>
<body>
<h3 align="center">学生信息注册</h3>
<form name="stu" action="">
<table>
<tr><td>姓名:</td><td><input type="text" name="stuName"></td></tr>
<tr> <td>性别:</td><td>
<input type="radio" name="stuSex" checked="checked">男
<input type="radio" name="stuSex" checked="checked">女
</td>
</tr>
<tr><td>出生日期</td>
<td><input type="text" name="stuBirthday"></td>
<td>按照格式yyy-mm-dd</td>
</tr>
<tr><td>学校:</td><td><input type="text" name="stuSchool"</td></tr>
<tr><td>专业:</td>
<td><select name="stuSeltct2">
<option selected>计算机科学与技术</option>
<option >网络工程</option>
<option>物联网工程</option>
<option>应用数学</option>
</select>
</td>
</tr>
<tr><td>体育特长:</td>
<td colsopan=2>
<input type="checkbox" name="stuCheck">篮球
<input type="checkbox" name="stuCheck">排球
<input type="checkbox" name="stuCheck">足球
<input type="checkbox" name="stuCheck">游泳
</td>
<tr>
<tr><td>上传照片:</td><td colspan="2"><input type="file"></td></tr>
<tr><td>密码:</td><td><input type="password" name="stuPWD"></td></tr>
<tr><td>个人介绍:</td>
<td colspan="2"><textarea name="Letter" rows="4" cols="40"></textarea></td>
</tr>
<tr>
<td ><input type="submit" value="提交">
<input type="reset" value="取消">
</td>
</tr>
</table>
</form>
</body>
</html>