html form 表单

最新推荐文章于 2024-04-17 16:42:41 发布

明月清风-精进不止

最新推荐文章于 2024-04-17 16:42:41 发布

阅读量474

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/xiaxiaojing/article/details/26684761

本文详细介绍了HTML中form表单的使用方法及各种输入元素，包括文本框、密码框、单选按钮、复选框、下拉列表、文本区域等，并展示了如何通过简单的快捷键快速生成多个段落元素。

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

快捷键

form>p*10 按下tab键得到

代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<title>HTML之form表单</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="布尔教育 http://www.itbool.com" />
</head>
    <body>
		<form action="" method="get">
			<p>
				用户名: <input type="text" name="username" value="小静"/>
			</p>
			<p>
				密  码: <input type="password"  name="password"/>
			</p>
			<p>
				性  别: 男<input type="radio" name="gender" value=“男”/>
						女<input type="radio" name="gender" value= "女" checked="checked"/>
			</p>
			<p>
				爱  好: <input type="checkbox" name="basketball" value="篮球"/ checked="checked">
				<input type="checkbox" name="pingpong" value="乒乓球"/>
				<input type="checkbox" name="football" value=" 足球"/>
				<input type="checkbox" name="taiqiu" value="台球"/>
			</p>
			<p>
				<select name="xueli" id="">
					<option value="大学" selected="selected">大学</option>
					<option value="高中">高中</option>
					<option value="初中">初中</option>
					<option value="小学">小学</option>
				</select>
			</p>
			<p>
				<textarea name="info" id="" cols="30" rows="10">我是小静</textarea>
			</p>
			<p>
				选择文件:<input type="file" name="filename"/>
			</p>
			<p>
				隐藏域: <input type="hidden" name="ip"  value="192.168.1.1"/>				
			</p>
			<p>
				<input type="submit" name="submit" />
			</p>
		</form>
    </body>
</html>