zoukankan      html  css  js  c++  java
  • 创建表单<form></form>

    表单form
    - action 提交地址
    - 各种控件:
    1. 文本框 type=text name value maxLength readonly placeholder
    2. 密码框 password name
    3. 单选 radio name value checked id label
    4. 多选 checkbox name value checked id label
    5. 日期 date name
    6. 文件 file name
    7. 隐藏域 hidden name value
    8. 下拉选 select:name option:value selected
    9. 文本域 textarea: name palceholder cols rows

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    </head>
    <body>
    <form action="http://www.baidu.cn">
    <!-- 所有控件必须添加name属性不然不会提交数据
    	maxlength:最大字符长度
    	value:设置默认值
    	placeholder:占位文本
    	readonly 只读
    	 -->
    	用户名:<input type="text" name="username"
    	maxlength="5" value="Tom" 
    	placeholder="请输入用户名" 
    	readonly="readonly"><br>
    	密码:<input type="password" name="password"
    		placeholder="请输入密码"><br>
    	性别:<input type="radio" name="gender"
    	 value="nan" id="r1"><label for="r1">男</label>
    	<input type="radio" name="gender" checked="checked" 
    	value="nv" id="r2"><label for="r2">女</label><br>
    	爱好:<input type="checkbox" 
    			name="hobby" value="code"
    				 id="c1"><label for="c1">游泳</label>
    	<input type="checkbox" 
    		name="hobby" value="lq"
    			id="c2"><label for="c2">打篮球</label>
    	<input type="checkbox" 
    		name="hobby" value="dx" checked="checked">踢足球
    	<input type="checkbox" 
    		name="hobby" value="wz">乒乓球<br>
    	生日:<input type="date" name="birthday"><br>	 
    	生活照: <input type="file" name="pic"><br>
    	<!-- 隐藏域  当需要给服务器提交一个数据
    			但是这个数据不希望用户看的时候使用隐藏域-->
    	<input type="hidden" name="xxx" value="yyy">
    	所在城市:<select name="city">
    		<option>请选择</option>
    		<option value="bj">云南</option> 
    		<option value="sh" selected="selected">新疆</option>
    		<option value="gz">蒙古</option>
    	</select><br>
    	自我介绍:<textarea rows="3" cols="20" 
    		placeholder="说点儿什么。。。"
    		name="des"></textarea><br>
    	<input type="submit" value="注册">
    	<input type="reset" >
    	<input type="button" value="按钮">  
    	
    	
    </form>
    </body>
    </html>
    

      

    Insert title here

    用户名:
    密码:
    性别:
    爱好: 踢足球 乒乓球
    生日:
    生活照:
    所在城市:
    自我介绍:
  • 相关阅读:
    Go入门笔记-1 Unbuntu直接安装go 16.5版本
    EdgexGo2.0学习-12 consul不能按服务名获取数据
    EdgexGo2.0学习-11 测试读取ModBus协议
    win10下VirtualBox开启串口
    Linux 开发板通过笔记本上网
    EdgexGo2.0学习-10 edgex-consul 编译 for "-t, --tag" flag: invalid reference format
    EdgexGo2.0学习-9 ERROR: No matching distribution found for PyYAML<4,>=3.10
    EdgexGo2.0学习-8 pip not found
    EdgexGo2.0学习-7 20.10.6: Pulling from library/docker
    EdgexGo2.0学习-6 修改日志时区显示
  • 原文地址:https://www.cnblogs.com/xingsir/p/12749930.html
Copyright © 2011-2022 走看看