HTMLform表单

表单


outline:none;取消按钮点击后的蓝色边框

        <form action="index.php" method="post">
		<!-- action跳转的链接URL method:跳转方式 pet post -->
			
			用户名:<input type="text" name="username" value="请输入用户名"/><br>
			<!-- test文本框 用户可以在里面输入任何文字 value已经填入表格的信息-->
			
			密码:<input type="password" name="pwd" maxlength="6" placeholder="请输入密码" /><br>
			<!-- password 密码框 用户看不见输入的密码 maxlength="6"最多输入6个数字 placeholder我们提示的信息 -->
			 
			 性别:<input type="radio" name="sex" id="nan" value="" /><label for="nan"></label>
			 <input type="radio" name="sex" id="nv" value="" /><label for="nv"></label><br>
			<!-- radio单选按钮 多选一 name名必须相同 value返回后端的数据
			 label此标签加for主要实现点击文字时也可以选中按钮 for的值必须和id的值一样-->
			
			 爱好:<input type="checkbox" name="hobby" id="chi" value="吃饭" /><label for="chi">吃饭</label>
			 <input type="checkbox" name="hobby" id="shui" value="睡觉" /><label for="shui">睡觉</label>
			 <input type="checkbox" name="hobby" id="da" value="打豆豆" /><label for="da">打豆豆</label><br>
			  <!-- checkbox复选按钮 其余和单选按钮一样 -->
			  
			  地址:
			  <select>
			  	<option value="河北">河北</option>
				<option value="北京" selected="selected">北京</option>
				<option value="天津">天津</option>
			  </select><br>
			  <!-- select下拉列表  
			  selected="selected"表示默认选中-->
			 
			 介绍:
			 <textarea rows="3" cols="10">
			 	溯琳真帅
			 </textarea><br>
			 <!-- rows设置有多少行 可以超过规定行
			  cols设置一行有多少个字-->
			  
			  日期:
			 <input  type="date"><br>
			 <!-- data日期 -->
			 
			 <button type="button" value="获取短信验证码">获取短信验证码</button><br>
			 <!-- button普通按钮 -->
			 
			 上传图片:<input type="file" />
			 <!-- file上传文件使用 -->
			  
			  <input type="submit" value="登录" />
			  <!-- submit登录按钮 可以把form表单域里的表单元素里面的值 提交给后台服务器 -->
			  
			  <input type="reset"  value="重置" /><br>
			  <!-- 重置按钮可以还原form表单域的初始默认状态 -->
		</form>

表单

  • 3
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值