继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

第九课 表单及表单控件 html5学习4

米脂
关注TA
已关注
手记 492
粉丝 88
获赞 590

表单有由表单域、提示文本、表单3部分构成

一、表单控件

input 控件 
1、<input />单标签
2、input属性:
可以通过type属性变换形状 
value默认值 
name名称 
checked=checked默认选中
maxlength 最多输入 正整数
3、<input /> type属性值:text文本框、
    password密码框、
    radio单选框 如果是一组,通过相同的name实现、
    checkbox复选框、
    button普通按钮、
    submit 提交按钮、
    reset 重置按钮、
    image 图片按钮、
    file 文件域 文件按钮


label标签
1、label直接进行包裹 : <label>输入账号:<input type="text"/></label>
2、如果label里面有多个表单,想定位到某个 可以通过for id的格式进行

textarea 文本域 
多用于评论框,留言框
1、<textarea>请输入留言</textarea>

select 下拉菜单标签
1、语法结构
<select>
<option>选项1</option>
<option>选项2</option>
<option>选项3</option>
</select>

2、注意:
<select></select>中应至少包含一对<option></option>
在option中定义selected="selected"时、当前选项即为默认选项

二、表单域
表单域 form 收集表单控件信息,并且提交的。
1、语法结构
<form>
<p>用户名:<input type="text" name="username"/></p>
<p>密&nbsp;码:<input type="password" name="pwd"/></p>
<input type="submit" value="提交"/>
<input type="reset" value="重置"/>
</form>
2、常用属性
action="地址"
method 用于设置表单数据提交方式,取值为get或post 
get速度块但是会显示表单里面的内容,不安全,不能做密码的提交
post速度慢一些 但是 不会显示表单内容 安全一些
name 属性

作者:king-blue

原文链接:https://www.cnblogs.com/Liuxingtao/p/10405037.html


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP