html表单标签写法及用途

form表单标签,整个表单内容装在里面,写作<form></form>

<input type="text">单行文本格标签,快捷写法 input:t

<input type="password"> 密码框标签,快捷写法 input:p

<input type="submit">提交按钮标签,快捷写法 input:s

<input type="reset">重置按钮标签,快捷写法 input:reset

<input type="radio">单选按钮标签,快捷写法 input:r

<input type="checkbox">多选按钮标签,快捷写法 input:c

textarea, 多行文本格标签,快捷写法 textarea加键盘上的tab键

select,下拉菜单项标签  option,菜单标签

表单
form 表单标签

表单域:

input:t 单行文本框标签  type="text"
<input type="text" name="" id="">

input:p 密码框  type="password"
<input type="password" name="" id="">

input:s 提交按钮  type="submit"
<input type="submit" value="登录">

input:reset 重置按钮  type="reset"
<input type="reset" value="重置">

input:r 单选按钮 type="radio"
<input type="radio" name="sex" id="">
注意:
使用的时候,一点要给name属性添加名字

input:c    复选框按钮  type="checkbox"
<input type="checkbox" name="" id="">

textarea 多行文本框  <textarea name="" id="" cols="30" rows="10"></textarea>
属性:
cols 设置列的宽度
rows 设置行的高度

select 下拉菜单<select name="" id="">
   <option value="">请选择城市</option>
                <option value="">安徽</option>
                <option value="">江苏</option>
                <option value="">广东</option>
                <option value="">重庆</option>
                </select>
option (下拉)菜单项

input:h  隐藏域(页面预览不可见,数据可以发送到服务器端)
<input type="hidden" name="" value="">

button 按钮标签

input:i 图像按钮 type="image"
<input type="image" src="img/btn.png" alt="" width="60">

<fieldset>    定义了一组相关的表单元素,并使用外框包含起来
<legend>    定义了 <fieldset> 元素的标题
一般一起使用
<label>    定义了 <input> 元素的标签,一般为输入标题
包裹input标题,方便修饰标题,但不是所有input都加label,一般只加在input标题上
 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值