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>