html表单

表单标签(专门用来收集用户信息)

<表单元素> 常见的表单元素: input标签,有一个type属性,这个属性有很多类型的取值,取值的不同就决定了功能和外观的不同 明文输入框: 暗文输入框: 设置默认值:value="值" 单选框:男 女 (默认情况下单选框不会互斥,要想单选框互斥那么必须给每一个单选框标签都设置一个name属性,然后name属性还必须设置相同的值) 多选框:aa (想要有默认就要加checked="checked") 按钮: 把一张图片当成一个按钮: 重置(清空表单中的数据): (重置按钮有默认的按钮标题,默认是重置,也可以用value属性来修改默认标题) 提交(将表单中的数据提交到远程服务器): 要满足两个条件1.提交到哪个服务器--------- 2.那些数据需要提交---------把需要提交的在里添加name属性 隐藏域(用于悄悄的收集用户的一些数据,隐藏域是不会出现在界面中):

Label标签(点击文字时让对应的输入框聚焦,那么就需要让文字和输入框进行绑定)

用label标签包裹文字,,给输入框添加id属性,并且在label标签中通过for属性和输入框中id关联绑定起来

datalist标签 (给输入框绑定待选项)

待选内容 如何给输入框绑定待选列表 1.搞一个输入框 2.搞一个datalist列表 3.给datalist列表标签添加一个id 4.给输入框添加一个list属性,将datalist的id对应的值赋值给list属性即可 邮箱(可以自动校验输入的内容是否符合邮箱的格式): 域名(可以自动校验输入的内容是否符合网址的格式) 电话号码(只能输入数字,不能输入除数字外的其他格式)(并且可以加减) 时间(可以通过日历来选择): 颜色(通过取色板来选择颜色): 表单标签------非input标签 select标签(用于定义下拉列表)(下拉列表不能输入内容,只能选取) 朝阳区 昌平区 //设置为默认数据 通州区 列表数据 列表数据 列表数据 注:可以通过给option标签包裹一层optgroup标签来给下拉列表中的数据分类 textarea标签:默认情况下输入框可以无限换行,可以通过cols和rows来指定输入框的宽度和高度,但是虽然指定了列数和行数,但是还是可以无限往下输入。(默认情况下输入框是可以手动拉伸的) 在表单标签中,除了按钮标签以外的标签,都可以通过value来指定需要提交到服务器的数据 表单边框:在form标签下紧跟标签,并且把表单内容包含在标签中,设置边框名只需插入题目
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值