1定义
表单是网页与用户进行交互的重要工具,例如,用户在网页上进行注册,登录,留言都是通过表单向数据库提交或读取数据的。
2常用的表单HTML标签
1表单标签
表单是一个包含表单元素的区域,由form标签对来定义。可以将文本框,单选按钮,复选框,下拉列表框,按钮和文本域等表单元素放在form标签中。
表单属性:
action属性:定义表单提交时的动作,默认为当前页面
method属性:提交表单时的方法,默认为get方法
get方法使用:数据量较小,且不包含敏感信息,因为提交的信息会在页面地址栏中显示。
post:数据量较大,且包含敏感信息,post 安全性更佳,数据在页面地址栏中被提交的的数据是不可见得。
2.输入标签
大多数表单元素都是有输入标签input定义的,用来在搜集用户信息。常用属性
<input type="表单元素类型" value="表单元素的值" name="表单元素名称" class="类名">
3.type属性不同取值意义
type=text(文本框)
文本框一般用来输入用户名,姓名,地址等文字信息,文本框中可以输入任意字符;value属性值会显示为文本框的默认文本
type=checkbox(复选框)
复选框的value值不会显示在页面上,只能作为数据进行交互。在一个页面属于同一组的checkbox,它们的name值必须相等,这样才能获取该组复选框的值
type=file(文件域)
type=hidden(隐藏域)
type=image(图像域)
type=password(密码域)
输入的字符在页面中会显示为黑点,一般用来输入类似密码等需要保密的文字信息。
type=radio(单选按钮)
type=button(普通按钮)
value值会显示为按钮上的文字
type=reset(重置按钮)
清空表单输入元素,回到初始状态。
type=submit(提交按钮)
在表单中点击submit按钮会提交数据到指定的位置。
3输入限制(属性)
disabled:输入字段被禁用
max:输入的最大值
maxlength:输入字段的最大字符数
pattern:检查输入的正则表达式
required:必须填写
readonly:只读
placeholder:属性值为文字内容,阴影提示,输入时文字消失