黑马程序员技术交流社区

标题: 个人总结之FORM标签示例 [打印本页]
作者: tomson_tang    时间: 2015-2-5 08:45
标题: 个人总结之FORM标签示例
  1. <form>
  2.                         输入名称：<input type="text" name="user" value="" /><br/>
  3.                         输入密码：<input type="password" name="psw"  /><br/>       
  4.                         选择性别：<input type="radio" name="sex" value="nan" />男
  5.                                      <input type="radio" name="sex" value="nv" checked="checked" />女<br/>
  6.                         选择技术：<input type="checkbox" name="tech" value="java"/>JAVA
  7.                                          <input type="checkbox" name="tech" value="html"/>HTML
  8.                                          <input type="checkbox" name="tech" value="css"/>CSS<BR/>
  9.                         选择文件：<input type="file" name="file"/><br/>                 
  10.                         一个图片：<input type="image" src="11.jpg"/><br/>
  11.                         <!--数据不需要客户端知道，但是可以将其提交服务端。-->
  12.                         隐藏组件：<input type="hidden" name="myke" value="myvalue"/><br/>         
  13.                         一个按钮：<input type="button" value="有个按钮" onclick="alert('有个阿牛')" /><br/>
  14.                        
  15.                        
  16.                        
  17.                         <select name="country">
  18.                                         <option value="none">--选择国家--</option>
  19.                                         <option value="usa">美国</option>
  20.                                         <option value="en">英国</option>
  21.                                         <option value="cn" selected="selected">中国</option>
  22.                         </select>
  23.                        
  24.                         <textarea name="text"></textarea>
  25.                         <br/>
  26.                                          
  27.                         <input type="reset" value="清除数据"/><input type="submit" value="提交数据" />
  28. </form>
复制代码



显示效果：








欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2