HTML form表单

表单form:表单元素一定要写在表单中!!!!

Action:提交的服务器接口地址

Input:

text:明文输入框;password:暗文输入框;radio单选框;checkbox多选框;submit提交按钮(提交的是带有name属性的值);button普通按钮;image图片按钮;reset重置按钮;hidden隐藏域;

单选框和多选框设置(注意ID和name的区别!!!!ID用于区别,name表示他们为同一个组)

file 表示选取电脑上文档,上传文件,image表示用一张图片代替上传这个框,一样效果,action表示文件上传地址,没写就是当前页面

标签:

Label:使得文字和输入框进行关联,但是需要进行绑定(如图1的单选框,点击文字就可以选中框)

Select:定义下拉栏(size表示下拉数,multiple表示可多选但要按住Ctrl键;optgroup表示分组名称);

Textarea:多行输入框

(textarea  文本框输入,cols列,rows行,也可以在style上面设置 ;placeholder提示文字;若有默认value值要写在标签中间,换行将会代表空格;就比如意见投诉表)

 

Fieldset:给表单加个框。

HTML表单元素:

Datalish:给输入框绑定待选项,可以进行一个模糊筛选。 email:邮箱   URL:自动检验地址

Progress:进度条  number :只允许输入数字   data :选择时间   color:选择颜色

Mark:高亮效果     cite:倾斜效果  

select表示下拉选项,size 显示几个选中的,multiple 多选 但是要按住Ctrl键 option表示选项 value给后端提供需要的value学习 selected表示默认选中。可以对内容进行一个模糊查询

 

 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值