总目录:https://blog.csdn.net/qq_41106844/article/details/105553392
前端 - 子目录:https://blog.csdn.net/qq_41106844/article/details/105553354
表单标签:负责用户和页面的交互,同样也负责页面和后端的交互,重中之重。
1.form标签
action属性:当单击表单内"确认"按钮时,该表单被提交到哪个地址。必选
*method属性:指定提交表单使用哪种类型的请求。必选
GET请求:直接在浏览器地址栏中输入访问地址所发送的请求,请求传送的数据量较小,一般不能大于2KB。
POST请求:这种方式通常使用提交表单的方式来发送,且一定要设置method=post。大小受服务器限制。安全性相对高。
enctype属性:指定对表单内容进行编码所使用的的字符集。
name属性:指定表单的唯一名称。
target属性:指定使用哪种方式打开目标URL。
application属性:默认的编码方式。
form-data属性:会以二进制流的方式提交表单。
text属性:适用于表单发送邮件的方式。
2.input标签
*type:input属性的表现类型。必选
text:单行文本框
password:密码输入框
hidden:隐藏域
radio:单选框
checkbox:复选框
image:图像域
file:文件上传域
submit:提交按钮
reset:重设按钮
button:无动作按钮
checked:设置单选框、复选框是否处于选中状态。
disabled:设置首次加载禁用此元素。
maxlength:该属性值是一个数字,指定文本框中所允许输入的最大字符数。
readonly:指定该文本框内的值不允许用户修改。
size:该属性值是一个数字,指定标签的宽度。
src:指定图像域所显示图案的URL。
width:指定图像域所显示图像的宽度。
height:指定图像域所显示图像的高度。
3.label标签
for属性:指定与之关联的input标签,值为关联标签的id值。
4.button标签
disabled属性:指定是否禁用此按钮
name属性:button的name属性须和id属性保持一致。
type属性:指定该按钮属于那种按钮,值只能是:button reset submit
value:该按钮的初始值。
5.select标签
disabled属性:设置禁用该列表框和下拉菜单。
multiple属性:设置该列表框和下拉列表是否允许多选。
size属性:指定该列表框内一次可以显示多少个列表项。
option标签
disabled属性:设置禁用该选项,值只能是disabled。
selected属性:指定该列表初始状态是否处于被选中状态,值只能是selected。
value属性:指定该选项对应的请求参数值。
optgroup标签
label属性:指定该选项组的标签。必填。
disabled属性:设置禁用该选型组内所有选项。
6.textarea标签
cols属性:指定文本域的宽度。必填。
rows属性:指定文本域的高度。必填。
disabled属性:指定禁用该文本域。该属性的值只能是disabled。
readonly属性:指定该文本域只读。该属性的值只能是redonly。
maxlength属性:指定该多行文本最多可以输入的字符数。
wrap属性:指定多行文本域是否添加换行符。
7.fieldset标签
name属性:指定该标签的名称。
form属性:该属性的属性值必须是一个有效的form标签的id。
disabled属性:该属性用来禁用该组表单。该属性支持一个boolean值。
legend标签:
为fieldset标签设置标题。
8.新增属性
form属性:
为表单控件指定form属性,那么这个表单控件可以不在form标签之内。但是值必须是form标签的id值。
formaction属性:
为表单控件设置对应的处理逻辑。
formenctype属性:
该属性可以让按钮动态的改变表单的enctype属性。
formmethod属性:
该属性可以让按钮动态的设置表单以post或者get方式提交。
formtarget属性:
该属性可以让按钮动态的改变表单的target属性。
autofocus属性:
设置打开页面时获得焦点的标签。
list属性:
list属性必须和一个datalist标签结合使用,用于生成一个下拉的文本框。
autocomplete属性:
设置表单是否有自动完成填写功能。on表示开启,off表示关闭。
control属性:
control属性必须和一个label标签结合使用,用于对label标签所关联的表单元素。
labels属性:
label标签用于获取表单元素关联的表单元素使用control属性,而表单元素获取他关联的多个label使用babels属性。
selectionDirection属性:
当用户正向选取文字时,属性返回forward;反向选取文本,属性返回backward;用户没有选取文本,返回上一个用户的选择方向。
indeterminate属性:
该属性设为TRUE,该复选框状态暂时是不确定。