表单标签
1.什么是表单?
表单就是专门用来收集用户信息的。
2.什么是表单元素?
在HTML中,标签/标记/元素都是指HTML中的标签,表单元素在HTML中有自己的默认功能和特殊外观
3.格式:
<form>
<表单元素>
</form>
4.常见的表单元素:
input标签,有一个type属性,此属性有很多类型的取值
<form action="http://www.baidu.com">
<p>
账号:<input type="text">
密码:<input type="password">
账号:<input type="text" value="luj">
密码:<input type="password" value="123">
性别
<input type="text" name="gender">男
<input type="password" name="gender">女
<input type="password" name="gender" checked="checked">保密
<!--设置多选框,默认值同样设置checked=“checked”-->
爱好:
<input type="checkbox">篮球
<input type="checkbox">足球
<input type="checkbox">跑步
<input type="checkbox" checked="checked">足浴
</p>
</form>
label标签,输入框与文字绑定
绑定格式:
1.将文字两用label标签包裹起来
2.给输入框添加一个id
3.在label标签中,通过一个for属性和输入框绑定
<form action="http://www.baidu.com">
<p>
<label for="sw">账号:</label><input type="text" id="sw">
<label for="at">密码:</label><input type="password" id="at">
</p>
</form>
表单标签H5
<form action="">
<input type="email">
<input type="url">
<input type="date">
<input type="submit">
<input type="reset">
</form>
textarea标签
作用:定义一个多行输入框
格式:
<text>
输入的内容
</text>
注意点:
1默认下输入框可以无限换行
2默认下输入框有自己的宽度和高度
3可以通过cols和rows来指定宽行,但是还是可以输入数据