清科谷体的博客

  • 文章
  • 关于
  • 联系
  • 隐私政策

  1. 首页
  2. 笔记
  3. 正文

HTML笔记2-表单

2022年8月1日 347点热度 0人点赞 0条评论

表单

表单是和用户提交信息给服务器,真正实现这部分还要PHP或者ASP知识。

text属性 单行输入

<input type="text"> 定义用于文本输入的单行输入字段:

First name:

Last name:

radio属性 单选按钮

<input type="radio"> 定义单选按钮

Male
Female

submit属性 提交表单按钮

<input type="submit"> 定义用于向表单处理程序(form-handler)提交表单的按钮。

First name:


Last name:


checkbox属性 定义复选框

<input type="checkbox"> 定义复选框。

I have a bike

I have a car


form autocomplete 属性自动填写表单





readonly 属性规定输入字段为只读(不能修改):

First name:
Last name:

<select> 下拉列表


textarea 元素 输入框

定义多行输入字段


button元素 可点击的按钮


这是另一种写法


date 属性 日期选择器

生日:


限制时间

请输入 1980-01-01 之前的日期:
请输入 2000-01-01 之后的日期:

color 属性 颜色选取器

<input type="color"> 用于应该包含颜色的输入字段。

根据浏览器支持,颜色选择器会出现输入字段中。

选择你喜欢的颜色

range属性 滑块组件

<input type="range"> 用于应该包含一定范围内的值的输入字段。

根据浏览器支持,输入字段能够显示为滑块控件。


表单的特别属性-客服端相关
HTML Input属性-W3school
表单处理属性-服务端处理相关
HTML Input form*属性

本作品采用 知识共享署名 4.0 国际许可协议 进行许可
标签: 前端 笔记
最后更新:2024年9月6日

ingker

自娱自乐

点赞
< 上一篇
下一篇 >

文章评论

取消回复

COPYRIGHT © 2025 清科谷体's blog. ALL RIGHTS RESERVED.
THEME KRATOS MADE BY VTROIS | MODIFIED BY INGKER

正在加载今日诗词....

本站已运行