前端基础6 各种框

密码框:

<input name="password" type="password"/> type属性是固定为password,其他设置跟单行文本一样。


单选框:

用<input>标签,至少需要2个input标签,属性相同,一个input是一个选项。

如:  兴趣选择:篮球<input name="d1" type="radio" value="0">     名称是一样的  比如左边都是d1

     足球<input name="d1" type="radio" value="1">

    网球<input name="d1" type="radio" value="2">

value(值),用户提交上去的是value这个数值(自己定),而不是页面上写的文字


复选框:

跟单选框属性一样,除了type属性:单选框的type固定为checkbox。

checked属性:该属性固定值为checked,表示选中该选项。

如:

选择城市:北京<input name="c1" type="checkbox" value=“”010“”>上海<input name="c2" type="checkbox" value=“”021“”>

上海<input name="c2" type="checkbox" value=“”021“ checked>,加了checked,表示默认被选中。(比如很多页面默认记住密码)


下拉菜单:

下拉单选框一个能选一个,用<select>标签,每一个选项用子标签<option>描述。

如:<select name="select">

<option value="010">北京</option>

<option value="021" select="selected">上海</option>

</select>


多行文本:

用<textarea>标签描述,是双标签。

rows行数;cols列数。

留言<textarea name=“”book“ cols="10" rows="10">中间是默认的本文域内容,可以不写</textarea>


文件上传:

<input type="file"/>用于文件上传。type类型是file。

留言<textarea name=“”book“ cols="10" rows="10">中间是默认的本文域内容,可以不写</textarea>

<br>

<input type="file"/>


提交按钮:

用<input>标签描述,是单标签,type属性:提交按钮的属性的值固定为submit,value的值是按钮上显示的文字,name是制定按钮的名字。

如:

<input name="submit" type="submit" value="注册"/>

method属性:指表单提交的方式,有两个属性值:get和post,一般用post。


重置按钮:

用<input>标签描述,是单标签,type属性是固定为reset去,其他跟提交按钮一样。

如:<input name="reset" type="reset" value="重填"/>












评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值