• 讲课笔记2——表单标签


    表单元素都需要放置在 form 标签里面,才能实现表单的功能;

    表单的属性:
    action:需要将信息提交到什么地方(服务器,php文件)

    method:往服务器提交数据(填写的信息)的方式,有get,post(常用)两种。


        get提交数据方式会在地址栏暴露用户信息,不安全,一般不使用get提交方式;

        post提交方式安全,不会暴露用户信息。

     // <form action="1.php" method="post">       //

    *************************************************************

    控件的状态
    readonly: 只读(只能看数据,不能修改数据),属性值就是readonly
    disabled:不可用的(控件变为灰色),属性值就是disabled

    *************************************************************

    文本框的属性:
    placeholder : 占位符(文本框里面的提示文字)
    maxlength : 输入的最大长度
    value: 设置文本框的默认值

    //     <input type="text" name="username" placeholder="请输入用户名" maxlength="6" value="大卫" readonly disabled />    //

    *************************************************************


    单选按钮的属性: 

    checked: 默认选中的
    name:当name属性值设置为一样的时候,才能实现单选效果【互斥】
    当提交数据的时候,如果单选按钮为选中状态,则传递的数据是on,如果想把选中的值传递过去,则在input标签里面写上对应的选中的value中

      

        性别:   
           <input id="man" type="radio" name="sex" value="男" checked />       <label for="man"></label>        <input id="woman" type="radio" name="sex" value="女" />        <label for="woman"></label>

    *************************************************************

     selected: 选中某一列表项

    传递到后台的选中值也是对应的每个列表项的value值,如果没有设置value值,则默认的value值就是option中间的内容

    籍贯:
    <select name="select">
        <option>北京</option>
        <option selected value="沪" >上海</option>
        <option>广州</option>
        <option>深圳</option>
    </select>


    居住地:
    <select>
        <optgroup label="北京市"></optgroup>
        <option>朝阳</option>
        <option>海淀</option>
        <option>石景山</option>
        <optgroup label="江西"></optgroup>
        <option>赣州</option>
        <option>南昌</option>
    </select>

  • 相关阅读:
    java 复习001
    Some_sort_algorithms
    Install_pygments
    Install_ruby
    Ubuntu_wifi&pppoe
    Some_problem_with_octopress
    复习C语言
    VSim [a Racing-simulator by Vell001]
    Hello, Github Blog
    我的新计划 《2Dof Racing Simulator》2014/3/9 20:30:00
  • 原文地址:https://www.cnblogs.com/chiangyibo/p/6445138.html
Copyright © 2020-2023  润新知