html制作表单

最新推荐文章于 2024-10-16 16:55:14 发布

原创最新推荐文章于 2024-10-16 16:55:14 发布 · 499 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#用html制作表单

学习笔记专栏收录该内容

10 篇文章

订阅专栏

本文主要探讨了如何使用HTML来创建表单，重点讲解了<form>标签内的关键元素：<input>、<textarea>和<select>。对于<input>，提到了type、name、value、placeholder和checked等属性；而对于<select>，则介绍了其包含的<option>元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

主要是为了了解<form>里面的子元素<input>、<textarea>、<select>。

<input>里面的子元素有：type、name、value、placeholder、checked；

<select>里面的子元素有：option

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>表单</title>
</head>
<body>
<tbody>
	<form action="/a.ction" method="get" enctype="application/x-www-form-urlencdoed"><!--处理接口地址-->
	<table>
		<tbody>
		<!--用户名-->
			<tr>
				<td>用户名</td>
				<td><input placeholder="please input you username" type="text" name="username" ></td>
				</tr>
				<!--密码-->
				<tr>
					<td>密码</td>
					<td><input type="password" name="password"></td>
				</tr>
			<tr>
				<td>真实姓名</td>
				<td><input type="text" name="nickname"></td>
			</tr>
			<tr>
				<td> email</td>
				<td><input type="text" name="email"></td>
			</tr>
			<tr>
	 <td>性别:  </td>
			<td>
			<label for="gender_male"><!--标签男-->
	<input id="gender_male" type="radio" name="gender" value="male">男
		</label>
			<label for="gender_female">
			<input  id="gender_female" type="radio" name="gender" value="female">女
			</label>
		</td>
	</tr>
		<tr>
			<td>爱好:   </td>
			<td>
				<label >
					<input type="checkbox" name="hobby" value="basketball">篮球
				</label>
				<label >
					<input type="checkbox" name="hobby" value="football" checked >足球
				</label>
		<label >
			<input type="checkbox" name="hobby" value="read">阅读
		</label>
		</td>
		</tr>
		<!--地址-->
		<tr>
			<td>地址:  </td>
			<td>
			<select name="province" >
				<option value="js">江苏</option>
				<option value="hn">湖南</option>
				<option value="hb">河北</option>
				<option value="sx">山西</option>
			</select>
			省
			<select name="city" >
				<option value="sz">苏州</option>
				<option value="zj">镇江</option>
				<option value="gs">甘肃</option>
				<option value="nj">南京</option>
			</select>
			市 

			区/县

			<input type="text" name="address">
			
			</td>	
		</tr>
		<!--个人介绍-->
		<tr>
			<td>介绍</td>
			<td>
				<textarea name="description" id="" cols="30" rows="10"></textarea>
			</td>
		</tr>
	
		</tbody>
	</table>   
	</form>
	<!-- <form action="http://134.175.154.93:8099/manager/file/upload" method="POST" enctype="multipart/form-data">附加 <input type="file">
	<input type="submit" value="上传"></form> -->	
	<input type="submit" value="注册">
</tbody>
</body>
</html>