前端表单学习

本文介绍了前端开发中的表单元素,包括<form>标签的post和get两种提交方式,input元素的不同类型,select下拉列表的创建,以及textarea文本域的使用,详细解析了各元素的属性和功能。

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

一、表单域

标签: <form method=post/get>

</form>

post:数据不会直接显示在地址栏,有加密效果

get:输入的数据的名字和值直接在地址栏显示

二、表单元素

1.input

<input type= “属性值”/>

属性属性值描述
type

text、checkbox radio reset hidden password

image(定义图像形制提交按钮)

file(定义文件形式提交按钮) submit

各属性值规定其意义

radio和checkbox的name值必须相同

name自定义定义input元素的名称
value自定义规定input元素的值
checkedchecked也可省略某元素首次加载时被选中
maxlength数字规定字符的最大长度

2.select下拉表单元素

<select name=  >

<option value=  >....</option>

<option selected>...</option>

</select>

3.文本域元素

<textarea name= " " cols=" " rows=" "> 

</textarea>

cols控制宽度   rows控制高度

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值