HTML基础——表单的使用

最新推荐文章于 2024-04-13 18:51:12 发布

Elec Liu

最新推荐文章于 2024-04-13 18:51:12 发布

阅读量424

点赞数

分类专栏： HTML 文章标签： html

本文链接：https://blog.csdn.net/qq_44629819/article/details/123757925

版权

HTML 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

本章将介绍表单的创建、各种表单域的插入和设置等各种表单元素的用法。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>仅供娱乐！！！</title>
	<h3 align="center"> 佤邦噶腰子套餐申请表 </h3>
</head>
<body>
	<form action="2419950956@qq.com">
		<!--姓名最多输4个字，文本框宽度为8个字，默认值为张三-->
		姓名：<input type="text" name="name" maxlength="4" size="8" value="张三"><br>
		年龄：<input type="text" name="age" maxlength="3" size="4" value="18"><br>
		<!--姓名单选框，选中后不可以取消-->
		性别：<input type="radio" name="man" value="男">男
		<input type="radio" name="woman" value="女">女<br>
		<!--银行卡密码默认最多输入6位，为密码状态-->
		银行卡密码：<input type="password" name="password" maxlength="6" size="6"><br>
		<!--爱好复选框，选中后可以取消-->
		选择你的爱好：<br>
		<input type="checkbox" name="搭讪" value="搭讪">搭讪
		<input type="checkbox" name="唱K" value="唱K">唱K
		<input type="checkbox" name="吃鸡" value="吃鸡">吃鸡
		<input type="checkbox" name="王者" value="王者">王者<br>
		<!--使用文件域，调取图片-->
		照片：<input type="file",name="photo"><br>
		<!--文件区域标记<textarea>-->
		留言板：<br>
		<textarea name="textname" cols="30" rows="10">请在这里输入你的信息！
		</textarea><br>
		<!--菜单和列表标记-->
		你想要把留言给谁看：
		<select name="people">
			<option value="爸爸" selected>爸爸</option>
			<option value="妈妈">妈妈</option>
			<option value="爷爷">爷爷</option>
			<option value="奶奶">奶奶</option>
			<option value="外公">外公</option>
			<option value="外婆">外婆</option>
		</select>
		<br>
		<!--提交和重置-->
		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="submit" name="submit" value="提交">
		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="reset" name="reset" value="重置">
		

	</form>
</body>
</html>