前端学习笔记(HTML)——表单


<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>表单title>
head>
<body>
	
	<form action="#" method="post">
		
	
	
	文本框:<input type="text" name="txt" placeholder="输入文本"><br>
	
	密码框:<input type="password" name="ps" placeholder="输入密码"><br>
	
	性别:<input type="radio" name="sex" checked="chcked" value="male"><input type="radio" name="sex" value="female"><br>
	国籍:<input type="radio" name="country" checked="chcked" value="china">中国
		  <input type="radio" name="country" value="foreign">外国<br>
	
	 
	<br>
	  	爱好:<input type="checkbox" name="hobby" value="listen">听歌
	  	  	<input type="checkbox" name="hobby" value="lol">LOL
	  	  	<input type="checkbox" name="hobby" value="eat">吃鸡
	  	  	<input type="checkbox" name="hobby" value="palyball">打球
	  	  	<input type="checkbox" name="hobby" value="travel">旅行
	
	<br>
	  	请选择你喜欢的类型:
	  	<select name="love">
	  	 	<option value="bigWave">大波浪option>
	  	  	<option value="xizhi">锡纸烫option>
	  	  	<option value="guang">光头option>
	  	  	<option value="zhongfen">大中分option>
	  	 select>
	<br>
    
	  	请选择文件<input type="file" name="file">
	
	<input type="hidden" name="id">
	<br>
	
	
	<input type="submit" value="提交">
	
	<input type="reset" value="重置">
	
	<input type="button" name="" id="">
	form>
body>
html>

网页显示如下前端学习笔记(HTML)——表单_第1张图片

你可能感兴趣的:(前端,HTML)