zoukankan      html  css  js  c++  java
  • 3月20日 表单

    1、文本输入

    文本框<input type="txt" value=""/>

    密码框<input type="password" value=""/>

    文本域<texearea name="" id=""cols=""(字符多少) rows=""(几行高)></textarea>

    隐藏域<input type="hidden" value=""/>

    2、按钮

    提交按钮<input type="submit" value=""/>

    重置按钮<input type="reset" value=""/>

    普通按钮<input type="button" value=""/>

    图片按钮<input type="image" src="图片地址"/>

    disabled 使按钮失效

    3、选择输入

    单选按钮组<input type="radio" name=""/>

    复选框组<input type="checkbox"name="" value=""/>

    文件上传<input type="file" name=""id=""/>

    标签<lable for=""></lable>

    4、下拉列表框

    <select size="" name="">size=1时,为菜单;size>1时,为列表

    <option value="">内容1</option>

    <option value="">内容2</option>

    </select>

    5、例:邮箱登录界面

    <body bgcolor="#0066CC">
    <table width="500" height="600" cellpadding="0" cellspacing="0" border="0" align="center" >
    <tr>
    <td >邮箱:</td>
    <td>
    <input type="text" value=""/>
    </td>
    </tr>
    <tr>
    <td></td>
    <td>需要通过邮箱激活账户,不支持sohu,21cn,sogo的邮箱</td>
    </tr>
    <tr>
    <td >登录用户名:</td>
    <td><input type="text" value=""/></td>
    </tr>
    <tr>
    <td></td>
    <td>仅在登录时使用,字符数不小于4个</td>
    </tr>
    <tr>
    <td >显示名称:</td>
    <td>
    <input type="text" value=""/>
    </td>
    </tr>
    <tr>
    <td></td>
    <td>即昵称,字符数不少于2个</td>
    </tr>
    <tr>
    <td >密码:</td>
    <td>
    <input type="password" value="12345678"/>
    </td>
    </tr>
    <tr>
    <td >确认密码:</td>
    <td>
    <input type="password" value="12345678"/>
    </td>
    </tr>
    <tr>
    <td></td>
    <td>至少8位,必须包含字母、数字、特殊字符</td>
    </tr>
    <tr>
    <td >性别:</td>
    <td>
    <input type="radio" name="sex" /><input type="radio" name="sex" />女<br/>
    </td>
    </tr>
    <tr>
    <td >喜好:</td>
    <td>
    <select size="1" >
    <option>听音乐</option>
    <option>唱歌</option>
    <option>读书</option>
    </select>
    </td>
    </tr>
    <tr>
    <td></td>
    <td>
    <input type="submit" value="提交"/>
    </td>
    </tr>
    
    </table>
    
    
    
    
    </body>
  • 相关阅读:
    英文综述如何写6
    英文综述如何写5
    英文综述如何写4
    英文综述如何写3
    英文综述如何写2
    英文综述如何写
    Python开发【第三篇】:Python基本数据类型
    Python开发【第二篇】:初识Python
    Python开发【第一篇】:目录
    第二十单元 计划任务crond服务
  • 原文地址:https://www.cnblogs.com/dongqiaozhi/p/5298904.html
Copyright © 2011-2022 走看看