4,单选框和复选框
a,当<input type=“radio”>时,为单选按钮
b,当<input type=“chekebox”>时,为复选框
c,注意:单选框和复选框都可以使用“cheked”属性来设置默认选中项
5,隐藏域
当<input type=“hidden”>时,为隐藏表单域
6,多行文本域
用法,使用<textarea>标记可以实现一个,能够输入多行文本的区域
语法格式<textarea name=“name” rows =“value” value=“value”>......</textarea>
rows属性和cols属性分别用来指定,显示的行数和列数,单位是字符个数
7,菜单下拉列表域
select标记
语法格式:
a,<select name=“” size=“” multiple>
b,<option value=“value” selected>选项1</option>
c,.....</select>
属性
option标记
<option>标记用来指定列表中的一个选项,需要放在<option><option>之间
给选项赋值,指定传送到服务器上面的值
selected 指定默认的选项
eg:
<!DOCTYPE html>
<html lang="en">
<head>
???<meta charset="UTF-8">
???<title>表单设计</title>
</head>
<body>
???<form action="no" method="get">
???????帐号:<input type="text" name="name" value="" size="10" maxlength="5">
???????<br><br>
???????密码:<input type="password" name="password" value="" size="10" src="5">
???????<br><br>
???????<input type="hidden" value="隐藏的内容" size="10" name="dsjfldsfjsd">
???????爱好:<input type="checkbox" name="tiyu" checked>体育<input type="checkbox" name="changge">唱歌
???????<br><br>
???????性别:<input type="radio" name="sex" checked>男<input type="radio" name="sex">女
???????<br><br>
???????自我介绍:
???????<textarea cols="55" rows="10" name="ziwojieshao">
???????????这里是自我介绍
???????</textarea>
???????<br><br>
???????地址:
???????<select>
???????????<option value="sichuan">四川</option>
???????????<option value="beijing">北京</option>
???????????<option value="shanghai">上海</option>
???????</select>
???????<br><br>
???????<input type="submit" value="提交">
???????<input type="reset" value="重置">
???????<input type="button" value="按钮">
???</form>
</body>
</html>
HTML表单设计(下)
原文地址:http://www.cnblogs.com/lzp1103/p/7822362.html