Web笔记(基础3)

三.表单标签


1.表单组成:表单域,表单元素,提示信息
2.表单域
<from>---</from>把范围内信息元素提交给服务器
<form action="url地址 表单送去哪个地址处理" method="提交方式" neme="">
</form>
method="get不安全 地址栏会显示/post相对安全"

3.表单元素控件(必须放入表单域中)
(1) input输入表单元素
<input type="---" />输入表单元素
text文本框:用户可以在里面输入任何文字
password密码框:用户看不见密码 如:密码<input type="password" />
radio单选按钮,可以实现多选一,圆形
checkbox复选框,多选按钮,方框
submit提交按钮,可以把表单里内容提交给后台人员
reset重置按钮,可以用value修改按钮名字
file文件域,上传文件 <input type="file">
button普通按钮(是单独标签),如发短信时使用的按钮,搭配js使用 

checked自动勾选,针对多选按钮
maxlength规定输入字符长度 
如:<input type="" checked="checked" maxlenght="数字" />
placeholder默认提示信息,点击会隐藏
name用于区分不同表单元素,单选按钮必须有相同名字,才能实现多选一,单选多选各name要相同
value值默认文本框显示几个文字,只能在文本框中看到效果
如:<input type="" placeholder="" name="" value="" />
name和value主要是给后台人员使用
(2) label标注标签
用于绑定一个表单元素,当点击标签内文本时,光标定到对应表单元素
<label for="一个名字">要点击的文字</label>
<inpt type="---" id="名字" />
for属性对应id属性
(3) select下拉表单元素
---:<select> 
        <option>---</option>
        <option>---</option>
        <option selected="selected">---</option>
    </select>
selected属性,默认选中
(4) textarea文本域表单元素
---:<textarea cols="每行显示多少字符" rows=”显示多少行“>
    文字内容
    </texearea>
 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值