前端html——表单及其属性

各类属性
disabled禁用表单,不可对输入框进行更改
maxlength最大输入长度

		<h1>报名表</h1>
		姓名<input type="text" disabled="" maxlength=""/>
		<br />
		密码<input type="password" />
		<br />

在这里插入图片描述

性别:男<input type="radio" name="sex" checked="checked"/>女<input type="radio" name="sex"/>

checked="checked"单选框默认值选中
name相同即可成为单选、表单上传的是value值
在这里插入图片描述

家庭条件:
		存款百万<input type="checkbox" name="family[]"/>
	          良田百亩<input type="checkbox" />
	          家有豪宅<input type="checkbox" />

name相同且值的后面加[]、表单上传的是value值,上传的数据显示为name[]的数组
在这里插入图片描述


	         学历:<select size="2">
	         	<option>大专</option>
	         	<option>本科</option>
	         	<option selected="selected">硕士</option>
	         	<option>博士</option>
	         	<option>院士</option>
	         	<option>圣斗士</option>
	         </select>

selected="selected"下拉列表默认选中
size="2"下拉列表默认显示几个值
在这里插入图片描述

照片:<input type="file" />

在这里插入图片描述

<form>
			<input type="text" />表示单行文本
			<input type="password" />表示密码
			<input type="radio" />单选框
			<input type="checkbox" />复选框
			<input type="hidden" />隐藏域
			<input type="file" />文件域
			<input type="reset" />重置按钮
			<input type="submit" />提交
			<textarea name="" rows="" cols=""></textarea>多行文本
			<select name="">下拉列表
				<option>html</option>
				<option>js</option>
			</select>
		</form>
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值