zoukankan      html  css  js  c++  java
  • 17. HTML 表单和输入

    一:

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

                 表单元素是允许用户在表单中输入信息元素的区域。

        作用: 表单用于收集不同类型的用户输入。

        方法: <form></form>定义。

      

    二: 实例

    1. 文本域(Text field) <input type = "text" name = "username">

    2. 密码域(Password field)<input type = "password" name = "password">

    三: 输入类型

        1. 文本域 (text fields)

            input type = "text"

        2. 密码域(passwd fields)

            input type = "password"

        3. 单选按钮 (radio buttons)

           input type = "radio" name = "sex"  value = "male"

        4. 复选框(checkbox)

           input type = "checkbox" name = "bike"

        5. 下拉框 (select)

            <form>

            <select name = "cars">

                <option value = "..">Audi</option>

            </select>

            </form>

        6. 带有预选值的下拉框

            <option value = "audi" selected = "selected">Audi</option>

        7. 创建按钮

            <input type = "button" value = "Hello world!">

        8. Fieldset around data

            <form>

                <fieldset>

                   <legend></legend>

                </fieldset>

            </form>

    四: 表单动作属性(action)和确认按钮

         1. 表单的动作属性定义了目的文件的文件名。

             <form name = "input" action = "html_form_action.asp" method = "get">

            ....

            <input type = "submit" value = "submit">

             </form>

        2.

      

  • 相关阅读:
    day 30 粘包 自定义报头
    day29 网络基础之网络协议和通信
    day28 面向对象的进阶 反射 和类的内置方法
    day 27 模块和包 面向对象的复习
    CGI,FastCGI,PHP-CGI和PHP-FPM的区别
    跨平台的移动应用开发引擎CrossApp简介
    element-ui组件中的select等的change事件中传递自定义参数
    关于setInterval和setTImeout中的this指向问题
    懒加载和预加载的区别
    vueX的五个核心属性
  • 原文地址:https://www.cnblogs.com/gavinwu/p/3204791.html
Copyright © 2011-2022 走看看