HTML:超文本标记语言 表单
作者:互联网
表单域:包含表单元素的区域
<form action="url地址" mathod="提交方式" name="表单域名称">各种表单元素控件</form>
属性 属性值 作用
action url地址 用于指定接收并处理表单数据的服务器程序的url地址。
method get/post 用于设置表单数据的提交方式,其取值为get或post。
name 名称 用于指定表单的名称,以区分同一个页面中的多个表单域。
表单标签
<input type="属性值" />
type属性值
button 定义可点击按钮(多数情况下,用于通过JavaScript启动脚本)。
checkbox 定义复选框。
file 定义输入字段和“浏览"按钮,供文件上传。
hidden 定义隐藏的输入字段。
image 定义图像形式的提交按钮。
password 定义密码字段。该字段中的字符被掩码。
radio 定义单选按钮。
reset 定义重置按钮。重置按钮会清除表单中的所有数据。
submit 定义提交按钮。提交按钮会把表单数据发送到服务器。
text 定义单行的输入字段,用户可在其中输入文本。默认宽度为20个字符。
表单控件(表单元素)
input常用表单元素:
name 定义input元素的名称。
value 规定input元素的值。
checked 规定此input元素首次加载时应当被选中。
maxlength 规定输入字段中的字符的最大长度。
label标签:<label>标签为input元素定义标注(标签)。
用于绑定一个表单元素当点击<label>标签内的文本时,浏览器就会自动将焦点(光标)转到或者选择对应的表单元素上,用来增加用户体验.
语法:
<label for="sex">男</ label>
<input type="radio" name="sex"id="sex"/>
<select>表单元素
使用场景:在页面中,如果有多个选项让用户选择,并且想要节约页面空间时,我们可以使用<select>标签控件定义下拉列表。
<select>
<option>选项1</option>
<option>选项2</option>
<option>选项3</option>
</ select>
<textarea>表单元素(文本域)
使用场景:当用户输入内容较多的情况下,我们就不能使用文本框表单了,此时我们可以使用<textarea>标签.在表单元素中,<textarea>标签是用于定义多行文本输入的控件。
语法:<textarea rows="3"cols="20">文本内容</textarea>
cols=“每行中的字符数”,rowS=“显示的行数”,我们在实际开发中不会使用,都是用CSS来改变大小
标签:定义,标签,元素,表单,HTML,按钮,input,超文本 来源: https://blog.csdn.net/shi15062772894/article/details/121739781