• 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标签外面。

  • 相关阅读:
    关于MVC与MVP的理解
    使用JDBC连接数据库
    常见DML语句汇总
    java字符常量
    java中Map,List与Set的区别
    面向对象重写(override)与重载(overload)区别
    嵌入式系统的体系结构 图解
    使用webpack + momentjs时, 需要注意的问题
    联想电脑屏幕亮度无法调节
    树形数据构造
  • 原文地址:https://www.cnblogs.com/dns6/p/8149482.html
Copyright © 2020-2023  润新知