表单

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

<form> 元素
HTML 表单用于收集用户输入
<form> 元素定义 HTML 表单:

实例

<form>
form elements
</from>

HTML 表单包含表单元素
表单元素指的是不同类型的 input 元素 复选框 单选按钮 提交按钮等等

<input> 元素
<input> 元素是最重要的表单元素
<input> 元素很多形态, 根据不同的 type 属性
这是本章中使用的类型:

screenshot.png

文本输入

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

<form>
First name:<br>
<input type="text" name="firstname">
<br>
Last name:
<input type="text" name="lastname">
</form>
screenshot.png

单选按钮输入

<input type="radio">定义单选按钮
单选按钮允许用户在有限数量的选项中选择其中之一:
实例:

<form>
<input type="radio" name="sex" value="male" checked>Male
<br>
<input type="radio" name="sex" value="female">Female
</form>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 表单基础知识 在HTML中,表单是由 元素来表示的,而在JS中,表单对应的则是HTMLFormElement类型。...
    oWSQo阅读 955评论 0 1
  • HTML表单 在HTML中,表单是 ... 之间元素的集合,它们允许访问者输入文本、选择选项、操作对象等等,然后将...
    兰山小亭阅读 3,494评论 2 14
  • 本人做php的,最近发现JS真的是博大精深啊,比PHP难.在HTML中,表单是由form元素来表示的,但是在jav...
    linfree阅读 2,324评论 3 17
  • 一、Form表单有什么作用?有哪些常见的input标签,分别有什么作用? Form表单作用:简单理解就像在考试卷上...
    青鸣阅读 419评论 0 0
  • 封面:@别闹了张小姐 文字:@青丝已绾 林桦看着苏墨在对面被化妆师摆弄已经好久了。先是看着化妆师在苏墨脸上打了些粉...
    不看车阅读 237评论 0 0

友情链接更多精彩内容