HTML基础2

本文主要介绍了HTML中的表单元素,包括form、input、textarea、label、button和select的用法,详细讲解了各元素的属性及应用场景。此外,还探讨了常用的字符实体及其在HTML中的正确表示方法,对块级元素、行内元素进行了分类说明。
摘要由CSDN通过智能技术生成

1.表单

1.1form

form标签用于为用户输入创建HTML表单

表单能够包含input元素,比如文本字段、复选框、单选框、提交按钮等

表单用于像服务器传输数据。form元素的块级元素,其前后会产生拆行

常用属性

属性 描述
action URL 规定当提交表单时向何处发送表单数据
method get、post 规定用于发送form-data的http方法
name Form_name 规定表单的名称
target _blank_self_parent_top framename 规定在何处打开action URL

method:表单提交方式:get、post

get:默认,主动的获取方式,数据放在url上,数据的容量有限,安全性差,有缓存

post:数据放在请求实体中,数据量理论上是没有限制,相对安全,没有缓存

###1.2input

​ input标签用于收集用户信息

​ 根据不同type属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、单选按钮、按钮

表单元素都需要设置name属性值,否者值无法传递

常用属性

属性 描述
alt text 定义图像输入的替代文本。
checked checked 规定此 input 元素首次加载时应当被选中。
disabled disabled 当 input 元素加载时禁用此元素。
form formname 规定输入字段所属的一个或多个表单。
formaction URL 覆盖表单的 action 属性。 (适用于 type=“submit” 和 type=“image”)
formmethod get post 覆盖表单的 method 属性。 (适用于 type=“submit” 和 type=“image”)
formtarget _blank _self _parent _top framename 覆盖表单的 target 属性。 (适用于 type=“submit” 和 type=“image”)
height pixels % 定义 input 字段的高度。(适用于 type=“image”)
list datalist-id 引用包含输入字段的预定义选项的 datalist 。
name field_name 定义 input 元素的名称。
pattern regexp_pattern 规定输入字段的值的模式或格式。 例如 pattern="[0-9]" 表示输入值必须是 0 与 9 之间的数字。
readonly readonly 规定输入字段为只读。
required required 指示输入字段的值是必需的。
size number_of_char 定义输入字段的宽度。
src URL 定义以提交按钮形式显示的图像的 URL。
type button checkbox file hidden image password radio reset submit text 规定 input 元素的类型。
value value 规定 input 元素的值。
width pixels % 定义 input 字段的宽度。(适用于 type=“image”)
		<form action="#" method="post" id
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值