表单通过标签定义,是包含各种输入元素的区域,用户可在其中填写信息,如单选框、复选框等控件均属于表单元素。
1、 12-1所示,先了解常见的表单元素标签。
2、 新建一个TXT文本文档,将其后缀改为html,然后在文件中编写HTML代码进行演示。
3、 请输入您想要输入的内容,填写在下方文本框中。
4、 点击按钮即可提交表单内容,请确保信息填写完整无误后再进行操作。
5、 12-2所示。
6、 保存后双击打开该HTML文件,显示效果见图12-3。
7、 关于提交方式,主要有get和post两种。get方法会将数据附加在URL后,安全性较低;而post方法不会显示在地址栏中,相对更安全。通常在安全性要求不高的场景下使用get,例如页面翻页操作。此外,还需了解其他相关标签的用途与特点。
8、 最终效果见图12-5所示。
9、 标签的type属性包含多种取值,具体12-6所示。
10、 以下通过图12-7展示input标签各属性值的使用示例。
11、 效果见图12-8所示
