2021-06-03

web-表单标签

功能:表单用于向服务器传输数据,从而实现用户与web服务器的交互大白话出来说就是收集用户信息的,就是让用户来填写,选择的
属性
输入标签:接收用户输入

标签属性:
type=“属性值”: 文本类型。属性值可以是: C text (默认)

password :密码类型
radio: 单选按钮,名字相同的按钮作为一组进行单选 (单选按钮,天生是不能互斥的,如果想互斥,必须要有相同的name属性。name就是"名字”)。非常像以前的收音机,按下去一个按钮,其他的就抬起来了。所以叫做radio。
checkbox :多选按钮, 名字相同的按钮作为一 组进行选择。
checked :将单选按钮或多选按钮默认处于选中状态。当< input>标签的type=“radio” 时,可以用这个属性。属性值也是checked,可以省略。
hidden: 隐藏框;在表单中包含不希望用户看见的信息
button:普通按钮,结合js代码进行使用。
submit:提交按钮,传送当前表单的数据给服务器或其他程序处理。这个按钮不需要写value自动就会有“提交”文字。这个按钮真的有提交功能。点击按钮后,这个表单就会被提交到frm标签的action属性中指定的那个页面中去。
reset:重置按钮,清空当前表单的内容,并设置为最初的默认值
image :图片按钮,和提交按钮的功能完全-致,只不过图片按钮可以显示图片。
file :文件选择框。提示:如果要限制上传文件的类型,需要配合JS来实现验证。对上传文件的安全检查:一是扩展名的检查,二是文件数据内容
value=“内容”:文本框里的默认内容(已经被填好了的)
size=“50”:表示文本框内可以显示五十个字符。一个英文或一个中文都算一个字符。注意size属性值的单位不是像素哦。
readonly:文本框只读,不能编辑。因为它的属性值也是readonly,所以属性值可以不写。用了这个属性之后,在google浏览器中,光标点不进去;在IE浏览器中,光标可以点进去,但是文字不能编辑。
disabled:文本框只读,不能编辑,光标点不进去。属性值可以不写。
placeholder:文本框底层默认文字,最常见的一种,起提示作用

下拉列表标签:
标签里面的每项用 表示。select就是“选择”,option“选项”select标签和ul、ol、dI样,都是组标签。
标签的属性:
multiple:可以对下拉列表中的选项进行多选。没有属性值。
size=“3”:如果属性值大于1,则列表为滚动视图。默认属性值为1,即下拉视图。

标签的属性: selected:预选中。没有属性值。

标签:多行文本输入框
text就是“文本”,area就是“区域”。
相关属性:
value:提交给服务器的值。
rows=“4”:指定文本区域的行数。
cols=“20”:指定文本区域的列数。
readonly:只读。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值