手机网页form表单样式_HTML表单

1.HTML表单

HTML 表单用于搜集不同类型的用户输入。

2.method和action是什麽意思。

action="result.html"(表示向何处发送表单数据)>

3.表单的元素格式

表单的语法:

20190810212742851544.png

4.文本框和密码框。密码框文字呈现*所谓密码框。

代码:

20190810212743341797.png

5.重置按钮reset

姓名:

20190810212743505866.png

6.单选按钮radio

性别:

20190810212744279333.png

7.多选按钮

爱好:

音乐

体育

阅读

20190810212744465864.png

8.列表语法两种

下拉列表1

1234

123

12

1

20190810212744647512.png

下拉列表2

选项

11111111

112222211

11666666

1133333111

20190810212744774470.png

9.普通按钮button

10.图片按钮

20190810212744883849.png

11.文件域语法用来上传文件

12.邮箱语法,可以自动检测格式对错

邮箱:

20190810212745007877.png

13.网址语法,会自动验证URL地址格式是否正确

请输入你的网址:

20190810212745148507.png

14.数字-语法

请输入数字:

20190810212745357500.png

15.滑块语法

请输入数字:

20190810212745445394.png

16.隐藏域语法:定义隐藏字段。隐藏字段对于用户是不可见的。隐藏字段通常会存储一个默认值,它们的值也可以由 JavaScript 进行修改。

17.只读和禁用语法

20190810212745640714.png

18.表单元素的标注,增强鼠标的可用性自动将焦点转移到与该标注相关的表单元素上语法.

20190810212745759859.png

19.

(1)

placeholder    1.input类型的文本框提供一种提示(hint) 2.可以描述文本框期待用户输入何种内容 3.提示语默认显示,当文本框中输入内容时提示语消失 4.适合于input标签:text、search、url、email和password等类型

(2)

pattern         用户输入的内容必须符合正则表达式所指的规则,否则就不能提交表单

(3)

required      1.规定文本框填写内容不能为空,否则不允许用户提交表单 2.适合于input标签:text、search、url、email、password、number、checkbox、radio、file等类型

原文链接:https://blog.csdn.net/nanjinzhu/article/details/82251110

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值