表单:专门用来收集用户信息
表单元素:在HTML中,标签/标记/元素都是指HTML中的标签。
eg:<a>a标签/a标记/a元素
浏览器中所以得表单标签都有特殊的外观和默认的功能。
格式:<form>
<表单元素>
</form>
常见的表单元素:input标签:有一个type属性。
明文输入框:<input type="text">
暗文输入框:<input type="password">
<input type="text" value="xxx">
单选框:1.要设置name属性,name属性要设置相同的值。
2.要让单选框默认一个框子,在input标签中添加checked属性。
3.在HTML中如果属性的取值和属性的名称一样,可以只写一个,但在开发过程中不推荐省略取值。
eg:性别:
<input type="radio" name="xx">男
<input type="radio" name="xx">女
<input type="radio" name="xx" checked="checked">保密
多选框:
爱好:
<input type="checkbox">吃
<input type="checkbox">喝
<input type="checkbox">玩
<input type="checkbox" checked="checked">乐
按钮:
按钮:<input type="button" value="我是按钮">
value属性用于给按钮命名。
图片按钮:<input type="image" src="images/xxx.jpg">
重置按钮:<input type="reset" value="清空">
value属性用于给按钮命名。
清空表单中的数据,重置按钮有默认的按钮标题,默认叫重置。
提交按钮:<input type="submit">
将表单中的数据提交到远程服务器
注意:1.告诉表单需要提交到哪个服务器,可以通过form标签的action属性来告诉表单,需要提交到哪个服务器。
2.告诉表单,表单中的哪些数据需要提交。
eg:明文输入框:账号:<input type="text" name="aa">
<!--隐藏域--> : <input type="hidden" name="cc" value="it666">
用于秘密收集用户的一些数据,隐藏域是不会出现在界面中的。