zoukankan      html  css  js  c++  java
  • 2017-12-30表单

        

    今天整理一下有关于表单的相关知识点,可能不全,以后会补充。

    表单:所有表单元素放在 form 标签里面
    <form action="提交的地址" method="提交方式默认get" > post

    get(显示在路径) post(不显示在路径,比较安全)
    表单元素 name属性
    </form>

    知识点:所有的表单元素,除了提交和重置和文件,其他表单 元素可以再form标签外面用

    表单元素的类型

    文本类型:1.文本框 text   2.密码框 password  3.多行文本 textarea  4.隐藏域 hidden

    文本类型: disabled/readonly:不可编辑

    文本框:text

    <table>

    <tr>

    <td align="right">用户名</td>

    <td>

    <input type="text"   name="user ID"   placeholder="这是用户名"  value="123" >

    </td>

    </tr>

    密码框:password

    <tr>

    <td align="right">密码:</td>

    <td>

    <input type="password"   name="psd">

    </td>

    </tr>

    隐藏域:hidden
    *多行文本:textarea

    <td align="right">个人介绍:</td>

    <td>

    <textarea  name  id></textarea>  

    </td>
    按钮类型:
    普通按钮:button

    <input  name="button"  value="普通按钮">
    重置按钮:reset

    <input  name="reset">

    提交按钮:submit

    <input  name="submit">
    选择类型:
    单选:radio

         比如性别,在这里有label的两种用法。

    <td align="right">性别:</td>

    <td>

    <label>

    <input  id="man" type="radio"  checked="checked"  name="sex"  value="man">男

    </label>

    </td>

    <td>

    <input id="woman" type="radio"  name="sex" value="woman">

    <label  for="woman">女</label> 

    </td>
    复选:checkbox

          举例比如兴趣爱好。

    <td align="right">兴趣:</td>

    <td>

    <input  type="checkbox"  disabled checked  name="xq"  value="lq">篮球

    <input  type="checkbox"  name="xq"  value="zq">足球

    <input  type="checkbox"  name="xq"  value="ymq">羽毛球

    </td>

    注意:这两个表单元素的name属性不仅有键的作用 还有分组的作用
    checked:默认选中
    disabled:不可选中
    label标签

    *下拉: <select>

        比如选择民族时。

    <td  align="right">民族:<//td>

    <td>

    <select  name  id  multiple  size="2">

    <option>汉族</option>

    <option  value="1">满族</option>

    <option  value="1"  selected>回族</option>

    </select>

    </td>

    selected:默认选中 是option的属性
    multiple:多选 是select的属性 和size联合使用
    size:显示选项的个数 select属性

    文件:file
    form属性enctype="multipart/form-data"


    表单元素通用格式
    <input type="类型" name="后台接收的键" value="值" />

    特殊格式
    <textarea>

    所有的表单元素除了提交和重置都可以卸载form标签外面。

  • 相关阅读:
    BZOJ3847 : ZCC loves march
    BZOJ3828 : [Poi2014]Criminals
    BZOJ3834 : [Poi2014]Solar Panels
    BZOJ3831 : [Poi2014]Little Bird
    BZOJ3829 : [Poi2014]FarmCraft
    BZOJ2757 : [SCOI2012]Blinker的仰慕者
    BZOJ2707 : [SDOI2012]走迷宫
    给iOS工程增加Daily Build
    给NSString增加Java风格的方法
    象写程序一样写博客:搭建基于github的博客
  • 原文地址:https://www.cnblogs.com/dns6/p/8149482.html
Copyright © 2011-2022 走看看