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来改变大小

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值