HTML/CSS笔记3-表单

本文详细介绍了HTML表单的基本元素,如文本框大小与字符限制、只读输入、复选框与单选框的使用,以及下拉列表和隐藏域。重点讲解了如何通过`<label>`和`for`属性实现表单元素的标注,并展示了语义化表单的实例。

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

<h1>表单</h1>
	<form action="b.jsp" method="post">
		size属性控制的只是文本框的长短,不限制字数<br>
		maxlength控制的是文本框能显示/输入的字数<br>
		只读:<input type="text" name="realName" value="xx" readonly>
		用户名:<input type="text" name="uname" value="xxx" size="20" maxlength="3"><br>
		密码:<input type="password" name="pwd"><br>
		复选框用name属性来标志,checked="checked"表示默认<br>
		兴趣爱好:<br/>
		<!-- 表单元素标注:需要将文字再套一层 <label for="识别id">在checkbox标签中添加id属性进行识别-->
		<label for="football">足球:</label><input type="checkbox" id="football" name="hobbies" checked="checked"><br>
		蓝球:<input type="checkbox" name="hobbies"><br>
		乒乓球:<input type="checkbox" name="hobbies"><br>
		性别:<br>
		男:<input type="radio" name="sex" checked="checked"><br>
		女:<input type="radio" name="sex"><br>
		<br>
		下拉列表<br>
		selected="selected"表示默认选中<br>
		<select>
			<option>北京</option>
			<option>上海</option>
			<option>南京</option>
			<option selected="selected">徐州</option>
		</select>
		<br>
		<input type="submit" value="登录">
		<input type="reset" value="重置">
		<br>
		按钮的disable属性设定按钮不能点击<br>
		<input type="button" value="普通按钮" disabled="disabled">
		<br><br>
		个人说明<br>
		<textarea cols="30" rows="5">这是编写默认值的地方</textarea>
		<br>上传文件(注意上传文件要在form属性中加入enctype="multipart/form-data")<br>
		<input type="file" name="filename"><br>
		隐藏域:在前台不显示,方便与后台进行存取
		<input type="hidden" value="1"><br>
		<hr>语义化表单<br>
		<fieldset>
			<legend>
				用户信息
			</legend>
			Name<input>
			Password<input>
		</fieldset>
	</form>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值