zoukankan      html  css  js  c++  java
  • HTML

    表单

    表单是一个包含表单元素的区域。

    表单元素是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素。

    表单使用表单标签(<form>)定义。

    <form>
    ...
      input 元素
    ...
    </form>
    

    输入

    多数情况下被用到的表单标签是输入标签(<input>)。输入类型是由类型属性(type)定义的。大多数经常被用到的输入类型如下:

    文本域(Text Fields)

    当用户要在表单中键入字母、数字等内容时,就会用到文本域。

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

    浏览器显示如下:

    First name:
    Last name:

    注意,表单本身并不可见。同时,在大多数浏览器中,文本域的缺省宽度是20个字符。

    单选按钮(Radio Buttons)

    当用户从若干给定的的选择中选取其一时,就会用到单选框。

    <form>
    <input type="radio" name="sex" value="male" /> Male
    <br />
    <input type="radio" name="sex" value="female" /> Female
    </form>
    

    浏览器显示如下:

    Male
    Female

    复选框(Checkboxes)

    当用户需要从若干给定的选择中选取一个或若干选项时,就会用到复选框。

    <form>
    <input type="checkbox" name="bike" />
    I have a bike
    <br />
    <input type="checkbox" name="car" />
    I have a car
    </form>

    浏览器显示如下:

    I have a bike
    I have a car
    下拉列表
    <form>
    <select name="cars">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="fiat">Fiat</option>
    <option value="audi">Audi</option>
    </select>
    </form>
    创建按钮
    <form>
    <input type="button" value="Hello world!">
    </form>
  • 相关阅读:
    读《构建之法》阅读与思考
    软工沉浮沉沉沉沉沉沉…记事
    四则运算截图and代码
    2016012000郭慕然+散列函数的应用及其安全性
    结对作业之四则运算网页版
    阅读《构建执法》第四章及第十七章有感
    2016012000小学四则运算练习软件项目报告
    有关读《构建之法》的部分思考与疑问
    遇见·软件
    我的——今日学习内容
  • 原文地址:https://www.cnblogs.com/Outyua/p/4474594.html
Copyright © 2011-2022 走看看