zoukankan      html  css  js  c++  java
  • input表单案例

    <!--label,用户点击文字直接跳进文本框输入-->
    <label>用户名:<input type="text"/></label>
    <label>密码:<input type="password"/></label>

    <!--表单填写模式-->
    <table width="600" border="0" cellpadding="0" cellspacing="0" align="center">
    <caption><h4>青春不常在,抓紧谈恋爱</h4></caption>
    <tr>
    <td>性别</td>
    <td><input type="image" src="../img/man.jpg"/>男
    <input type="image" src="../img/man.jpg"/>女
    </td>
    </tr>
    <tr>
    <td>生日</td>
    <td><label>
    <input type="text"/>
    </label></td>
    </tr>
    <tr>
    <td>所在地区</td>
    <td><input type="text" value="广州"/></td>
    </tr>
    <tr>
    <td>婚姻状态</td>
    <td>
    离婚<input type="radio" name="sex"/>
    未婚<input type="radio" name="sex"/>
    丧偶<input type="radio" name="sex"/>
    </td>
    </tr>
    <tr>
    <td>用户名</td>
    <td><input type="text"/></td>
    </tr>
    <tr>
    <td>密码</td>
    <td><input type="password" maxlength="8"/></td>
    </tr>
    <tr>
    <td>喜欢类型</td>
    <td>
    清新<input type="checkbox" name="love" checked="checked"/>
    妩媚<input type="checkbox" name="love"/>
    御姐<input type="checkbox" name="love"/>
    小鲜肉<input type="checkbox" name="love"/>
    气质<input type="checkbox" name="love"/>
    </td>
    </tr>
    <tr>
    <td>自我介绍</td>
    <td>
    <textarea cols="50" rows="8"></textarea>
    </td>
    </tr>
    <tr>
    <td>籍贯</td>
    <td>
    <select>
    <option>广州</option>
    <option>深圳</option>
    <option selected="selected">珠海</option>
    <option>东莞</option>
    <option>中山</option>
    </select>
    </td>
    </tr>
    <tr>
    <td>出生年份</td>
    <td>
    <label>
    <select>
    <option>1990</option>
    <option>1991</option>
    <option>1992</option>
    <option>1993</option>
    <option>1994</option>
    </select>
    </label>
    </td>

    <tr>
    <td><!--按钮--></td>
    <td>
    <input type="button" value="注册"/>
    <input type="submit" value="提交">
    <input type="reset" value="重设"/>
    <input type="image" src="../img/btn.png" />
    </td>
    </tr>
    <!--把所填内容传入某文件、后台-->
    <form action="" method="get">
    用户名:<input type="text" name="yonghuming"/><br/>
    密&nbsp码:<input type="password" name="mima"/><br/>
    <input type="submit" value="注册"/>
    <input type="reset" value="重设"/>
    </form>
    </table>
  • 相关阅读:
    Ansible 详细用法说明(一)
    Puppet基于Master/Agent模式实现LNMP平台部署
    推荐-zabbix原理篇
    Centos 6.x 安装Nagios及WEB管理nagiosql实现windows及linux监控指南
    CentOS 7下安装Logstash ELK Stack 日志管理系统(下)
    【Python基础学习二】定义变量、判断、循环、函数基本语法
    【Python基础学习一】在OSX系统下搭建Python语言集成开发环境 附激活码
    内联函数
    2016 科大讯飞校招研发一面二面 10.13
    hiho #1151 : 骨牌覆盖问题·二 (递推,数论)
  • 原文地址:https://www.cnblogs.com/lujieting/p/10019000.html
Copyright © 2011-2022 走看看