HTML 表单的用法

概念

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

HTML 表单元素

  1. ** <input> 元素**
    最重要的表单元素是 <input> 元素。
    <input> 元素根据不同的 type 属性,可以变化为多种形态。
    1-1.输入类型:text
    <input type="text"> 定义供文本输入的单行输入字段。
    <input type="text" name="lastname">
    1-2.输入类型:password
    <input type="password"> 定义密码字段。
    <input type="password" name="psw">
    1-3.Input Type: radio
    <input type="radio"> 定义单选框。
    <form> <input type="radio" name="sex" value="male" >Male <input type="radio" name="sex" value="female">Female </form>
    1-4.Input Type: checkbox
    <input type="checkbox"> 定义复选框。
    <form> <input type="checkbox" name="vehicle" value="Bike">I have a bike <input type="checkbox" name="vehicle" value="Car">I have a car </form>

  2. <select> 元素
    <select> 元素定义下拉列表。
    <option> 元素定义待选择的选项。列表通常会把首个选项显示为被选选项。但能够通过添加 selected 属性来定义预定义选项。

<select> <option value="">1</option> <option value="" selected>2</option> </select>

  1. <textarea> 元素
    <textarea> 元素定义多行输入字段(文本域)。

<textarea rows="行数" cols="列数"> 文本 </textarea>

  1. <button> 元素
    <button> 元素定义可点击的按钮。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、HTML表单 表单是一个包含表单元素的区域。表单元素是允许用户在表单中输入内容,比如:文本域(textarea...
    饥人谷_李维超阅读 344评论 0 0
  • 1、关于form表单的基础 form表单:是一个包含表单元素的区域;作用,用于包裹表单元素。 表单元素:是允许用户...
    tangmengyun阅读 711评论 1 1
  • 一、表单 1. 表单的作用 HTML 表单用于接收不同类型的用户输入,用户提交表单时向服务器传输数据,从而实现用户...
    zx9426阅读 446评论 0 1
  • 什么是form表单 表单在网页中主要负责数据采集功能,把用户填写的信息提交到网站的后台服务器。 form标签的常用...
    ezrealor阅读 279评论 0 0
  • 人不癫狂枉少年,不经磨难老天真。
    智宸阅读 334评论 0 1