zoukankan      html  css  js  c++  java
  • form表单

     
    
    <form action=" "  method="post " >      action  提交到哪个页面 ,method  提交方式   get  post   
    
    <input type="text" value="123"  placeholder="账号">   文本输入框,value值为显示在文本框中的默认值,可做修改   placeholder属性为未输入时,文本框中显示的灰色文字(IE不支持)
    
    <input type="password" value="123"  placeholder="密码"> 密码输入框,   value值为显示在密码框中*的默认值,可做修改
    
    <textarea cols="" rows=""><textarea/>文本域   cols,每行的字符数量   rows,有多少行
    
    <input type="hidden" value="" />  隐藏域
    
    按钮:
    
    <input type="submit"  value="提交" />   提交按钮,value值为显示按钮的名称
    
    <input type="reset" value="重置" />        重置按钮,value值同上
    
    <input type="button" value="普通按钮"/>   普通按钮, value值同上
    
    <input type="image" src=".../" />  图片按钮
    
    <input type="redio" checked="checked" value=".." name="" />   单选按钮,多个单选按钮使用时,需要相同的name,表明其同组只能选其一,checked表示默认选项。
    
    <input type="checkbox"  value="..."  name="" /> 复选按钮
    
    <input type="file" /> 文件上传
    
    <select size="1" >    下拉菜单, size为1的时候为下拉菜单,大于1时,为列表
    
              <option  selected="selected"></option>         selected默认选项
    
               <option></option>下拉菜单中的内容
    
    <select />
    
    </form>
    
     

    附上一张简易注册界面的图片:

    代码如下:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head>
    
    <body><form>
    <table align="center" bgcolor="#0099FF" border="1" cellpadding="0" cellspacing="0" width="400" height="500">
    
    <tr>
    <td width="81">邮箱</td>
    <td width="313"><input type="texe" value="" name="" /></td>
    </tr>
    
    <tr>
    <td></td>
    <td>需要通过邮箱激活账户,不支持sohu,21cn,sogou的邮箱</td>
    </tr>
    
    <tr>
    <td>登录用户名</td><td><input type="password" value="" name="" /></td>
    </tr>
    
    <tr>
    <td></td><td>仅在登录时使用,字符数不少于4个</td>
    </tr>
    
    <tr>
    <td>显示名称</td><td><input type="text" value="" name="" /></td>
    </tr>
    
    <tr>
    <td></td><td>即昵称,字符数不少于2个</td>
    </tr>
    
    <tr>
    <td>密码</td><td><input type="password" value="11111111" name="" /></td>
    </tr>
    
    <tr>
    <td>确认密码</td><td><input type="password" value="11111111" name="" /></td>
    </tr>
    
    <tr>
    <td></td><td>至少8位,必须包含字母,数字,特殊字符</td>
    </tr>
    
    <tr>
    <td>性别</td><td><input type="radio" value="x" name="xy"  checked="checked"/>男
    <input type="radio" value="y" name="xy" />女</td>
    </tr>
    
    <tr>
    <td>喜好</td><td><input type="checkbox" />听音乐
    <input type="checkbox" />跳舞
    <input type="checkbox" />逛街
    <input type="checkbox" />运动</td>
    </tr>
    
    
    <tr>
    <td>个人信息</td>
    <td><input  type="file" /></td>
    </tr>
    
    <tr>
    <td></td>
    <td><input type="submit" value="注册" name=""/>
    <input type="reset" value="重置"  name=""/></td>
              </tr>
    
    </table>
    
    </form>
    </body>
    </html>
    

      

    我们不是制造者,我们是代码搬运工
  • 相关阅读:
    maven 3.2.5 的安装,部署和实例
    Java8 stream操作toMap的key重复问题
    Jenkins配置定时任务注意点
    npm install提示node-sass错误
    centos 使用docker 安装 teamcity
    centos 不能连接外网,使用本地yum源安装软件
    git添加本地代码到远程仓库
    mysql 新建外网用户 和只读用户
    mysql 删除重复数据保留最新一条
    批量删除redis缓存
  • 原文地址:https://www.cnblogs.com/zhaotiancheng/p/6077322.html
Copyright © 2011-2022 走看看