表单:用于收集不同类型的用户输入---->注册页面,问卷调查,意见反馈
声明一个表单格式:
<form action="指定表单中的数据要提交到的某个位置" method="提交的方法">
<input /> 用来指定表单中出现的不同类型的控件元素(单选,多选,输入框,密码框等等)
用户名:<input type="text" name="wenben" maxlength="10" size="30"/>
type用来指定输入控件的类型
name用来指定当前input标签的名字
maxlength 限定输入框字符的个数
size 输入框的长短
密码:<input type="password" name="pwd" maxlength="8" size="33" /> <br><br>
性别:<input type="radio" name="sex"/>男
<input type="radio" name="sex"/>女
单选的实现,要依靠name属性,让name属性值保持一致就可以。
选择您喜欢的明星:
<input type="checkbox" name="ck01" value="huang"/>黄大
<input type="checkbox" name="ck02" value="chen"/>陈小
<input type="checkbox" name="ck03" value="zhou"/>周三
<input type="checkbox" name="ck04" value="deng"/>邓五
下拉列表
选择您喜欢吃的食物:
<select name="sel">
<option>鸡腿</option>
<option>牛奶</option>
<option selected="selected">鸡蛋</option>
<option>菠菜</option>
<option>面包</option>
</select>
selected="selected" 代表的是列表的默认填充项
文本域----->意见填写栏
<textarea></textarea>
<textarea name="tt" cols="35" rows="30"></textarea>
设置文本域所给的列数和行数,指定文本域的大小
按钮:1.普通按钮button 2.重置按钮 reset 3.提交按钮 submit
</form>
input标签中 type的类型
color 用于选取颜色
时间系列:date ,datetime ,datetime-local
email 包含 e-mail 地址的输入域
month 选择一个月份
number 包含数值的输入域
time 选择一个时间
url 包含 URL 地址的输入域,在提交表单时,会自动验证 url 域的值。
week 选择周和年
网友评论