zoukankan      html  css  js  c++  java
  • HTML常见表单元素

    单行文本框:text

    密码框:password

    单选按钮:radio

    文本域:textarea

    复选框:checkbox

    下拉列表:select

    提交按钮:submit

    重置按钮:reset

    隐藏域:hidden

    上传域:file

    禁用:disabled

    只读:readonly

    图像域:image

    效果:

     代码如下:

     1 <!doctype html>
     2 <html>
     3 <head>
     4 <meta charset="utf-8">
     5 <title>表单元素</title>
     6 </head>
     7 <body>
     8     <form>
     9         用户名:<input type="text" name="username" value="请输入用户名" size="20" maxlength="6"/><br/>
    10         密码:<input type="password" name="password" value="" size="20" maxlength="10"/><br/>
    11         性别:<input type="radio" name="sex" value="nan" checked="checked" />12         <input type="radio" name="sex" value="nv" /><br/>
    13         爱好:<input type="checkbox" value="eat" name="hobby"/>吃饭
    14         <input type="checkbox" value="sleep" name="hobby"/>睡觉
    15         <br/>
    16         生日:<select name="birth" id="birth">
    17         <option value="1">1月</option>
    18         <option value="2">2月</option>
    19         <option value="3">3月</option>
    20         <option value="4">4月</option>
    21         <option value="5">5月</option>
    22         <option value="6">6月</option>
    23         <option value="7">7月</option>
    24         <option value="8">8月</option>
    25         <option value="9">9月</option>
    26         <option value="10">10月</option>
    27         <option value="11">11月</option>
    28         <option value="12">12月</option>
    29             </select>
    30         <br/>
    31         头像:<input type="file" /><br/>
    32         文本域:
    33         <br/>
    34         <textarea rows="3" cols="30">文本域</textarea><br/>
    35         <input type="submit" value="注册" />
    36         <input type="reset" value="重置" />
    37     </form>
    38 </body>
    39 </html>
  • 相关阅读:
    jquery笔记
    css选择器
    Linq 巧用 Max,Sum
    Linq Aggregate
    Linq 对象的比较 Contains,Max
    Linq SelectMany 交叉连接
    JQ 标签相关知识
    C# HttpClient设置cookies的两种办法 (转发)
    使用 HttpClient 请求 Web Api
    MySQL 避免重复数据的批量插入与批量更新
  • 原文地址:https://www.cnblogs.com/miao-com/p/14491091.html
Copyright © 2011-2022 走看看