表单设计、列表标签

表单标记

表单域:form

<form action="服务器端地址" name="表单名称" method="post/get"></form>

基本语法<input type=" " name="" value="" size="" maxlength="">

type="text"表示文本输入域 ,type="password"表示密码输入域,size设置控件长度,value初始化值,打开浏览器时文本框中的内容,maxlength输入框中允许输入的字符数。

提交按钮:<input type="submit" value="提交" />

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

单选框:<input type="radio"  name="zx"> name是表单元素的名字,单选按钮必须有相同的名字name,才可以实现多选一。

复选框<input type="checkbox" checkbox="checkbox">,可用checkbox设置默认选中项

<input type="hidden">表示隐藏内容,其内容不在页面上显示,但可以传送出去

文件域:<input type="file" >

文本域:<textarea rows="">文本内容<textarea/>rows行数、cols列数

菜单下拉列表域<select  mulitiple(多选)>

                                <option selected="selected"(默认选中)> 18</option>

                                <option>19</option>

<label>标签用于绑z定一个表单元素,当点击<label>标签内的文本时,浏览器就会自动将焦点(光标)转到或者选择对应的表单元素上。

<label for="sex">男<label>
<input type="radio" name="sex" id="sex" />

<label>标签的for属性应当与相关元素的id属性相同。

列表

无序列表:<ul><li></li></ul>

有序列表:<ol><li></li></ol>

自定义列表:

<dl>
    <dt>关注我们</dt>
    <dd>新浪微博</dd>
    <dd>官方微信</dd>
    <dd>联系我们</dd>
</dl>

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值