zoukankan      html  css  js  c++  java
  • 第九课 表单及表单控件 html5学习4

    表单有由表单域、提示文本、表单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 属性

  • 相关阅读:
    时间格式
    分页1
    vs2010 VS2008 VS2005 快捷键大全
    css 常用标签
    JS Array数组操作
    CSS属性
    jquery 选择器大全
    @fontface
    以前写过的ajax基础案例(王欢huanhuan)
    Jquery操作下拉框(DropDownList)的取值赋值实现代码(王欢)
  • 原文地址:https://www.cnblogs.com/Liuxingtao/p/10405037.html
Copyright © 2011-2022 走看看