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...
    饥人谷_李维超阅读 175评论 0 0
  • 1、关于form表单的基础 form表单:是一个包含表单元素的区域;作用,用于包裹表单元素。 表单元素:是允许用户...
    tangmengyun阅读 357评论 1 1
  • 一、表单 1. 表单的作用 HTML 表单用于接收不同类型的用户输入,用户提交表单时向服务器传输数据,从而实现用户...
    zx9426阅读 247评论 0 1
  • 一、表单1. 表单的作用HTML 表单用于接收不同类型的用户输入,用户提交表单时向服务器传输数据,从而实现用户与W...
    路西法丶L阅读 216评论 0 0
  • 什么是form表单 表单在网页中主要负责数据采集功能,把用户填写的信息提交到网站的后台服务器。 form标签的常用...
    ezrealor阅读 110评论 0 0
  • 人不癫狂枉少年,不经磨难老天真。
    智宸阅读 145评论 0 1
  • R:原文片段 拖延症是一种推迟做事情的倾向。我们时不时会有一些拖延的症状:不想去超市购物、避免去诊室检查牙齿、延迟...
    西贝悠哉阅读 146评论 2 1
  • 思前想后,还是觉得需要一个工具来记录一下日常,但现在的选择太多了,眼花缭乱。最后选择简书完全是因为它的名字,虽然之...
    熊猫是不是猫阅读 165评论 0 0
  • 天美在2017年6月6日08:30-09:30对全服进行不停机更新。更新重做了孙悟空,调整了花木兰、曹操、宫本武藏...
    王者实验室阅读 105评论 0 0
  • 万历皇帝几十年不上朝是有历史渊源的,还得从他的祖宗们说起。 明朝皇帝个个都是奇葩,太祖朱元璋杀伐果断,为中国的酷刑...
    邑小亿阅读 607评论 0 2