zoukankan      html  css  js  c++  java
  • HTML——form表单中常用标签 form input (text hidden password radio checkbox reset submit ) select(option)总结

     1 <form action="" method="get">
     2             <!--
     3                 placeholder="请输入文本" 显示提示
     4                 randonly="randonly"不能重新写
     5                 disabled="disabled" 禁用 变灰色
     6             -->
     7             <input type="text" name="user_name" placeholder="请输入文本" value="文本框" readonly="readonly"disabled="disabled"/>
     8         <!--
     9             隐藏框
    10             Type="hidden"隐藏起来
    11         -->
    12         <input type="hidden" name="id" value="20160800612" />
    13         <!--
    14             密码框
    15             type="password"密码不显示
    16         -->
    17         <input type="password" name="password" value="123456"  disabled="disabled"/>
    18         
    19         <!--
    20             testarea 设置宽度用cols  设置长度用rows
    21         -->
    22         <br />
    23         <textarea name="text" rows="5" cols="5"></textarea>
    24         <!--多选框
    25             <select>
    26                 <option></option>
    27                 <option></option>
    28                 ...
    29             </select>
    30             selected="selected"默认选择项
    31             
    32         -->
    33         <select name="grade">
    34             <option value="1">一年级</option>
    35             <option value="2" selected="selected">二年级</option>
    36             <option value="3">三年级</option>
    37         </select><br />
    38         <!--
    39             id="male"/><label for="male">男</label>点击男也会选择
    40             
    41         -->
    42         <input type="radio" value="0" name="gender" id="male"/><label for="male"></label>
    43         <input type="radio" value="1" name="gender" id="female"/><label for="female"></label><br />
    44         
    45         <!--
    46             type="file"获取文件
    47             multiple="multiple"可以获取多个文件
    48         -->
    49         <input type="file" name="fileget" multiple="multiple"/>
    50         <!--
    51             type="checkbox"多选框
    52             checked="checked"默认为选择
    53         -->
    54         &nbsp;
    55         <input type="checkbox"name="hobby" value="1"  id="basketball" checked="checked"/><label for="basketball">篮球</label>
    56         <input type="checkbox" name="hobby" value="2" id="football"><label for="football">足球</label>
    57         <input type="checkbox"name="hobby" value="3" id="pingpong" /><label for="pingpong">乒乓球</label>
    58         <br />
    59         
    60         <!--
    61             type="reset"重置所做的操作
    62         -->
    63         <input type="reset" value="重置" />
    64         <input type="submit" value="提交" />
    65         </form>
  • 相关阅读:
    scrapy 知乎用户信息爬虫
    快读模板&&快出模板
    洛谷P7078 贪吃蛇
    CSP2020-S1总结
    洛谷P1736 创意吃鱼法
    luogu P3004 [USACO10DEC]宝箱Treasure Chest
    Markdown与LaTeX
    洛谷P2197 【模板】nim游戏
    洛谷CF1360H Binary Median
    洛谷P1063 能量项链
  • 原文地址:https://www.cnblogs.com/lyxcode/p/9456561.html
Copyright © 2011-2022 走看看