zoukankan      html  css  js  c++  java
  • form表单

    表单系列的标签及其属性

    <input /> - 有7种变身方式。 作用是,收集用户信息。

    该元素属于可置换(设置宽高有效)的内联元素(同<img/>相同)。 通过 type=””属性,可以变身。

    <form> - 表单(创建一个HTML表单)

    <label> - 标注(给单选框/复选框添加标注内容)

    <select> - 选框

    <option> - 选项

    下拉菜单写法<select>

        <option></option>

        </select>

    中间不能加入其它标签

    <textarea> - 文本域

    =========================================类型

    text - 文本输入框

    password - 密码输入框

    button - 按钮

    submit - 带有提交功能的按钮

    reset - 带有重置功能的按钮

    radio - 单选框

    checkbox - 复选框

    =========================================属性

    value=”” 给<input />标签赋值

    placeholder=”” 给<input />标签(text/password)添加提示信息。 

    注:placeholder=””是HTML5的新属性,低版本的IE浏览器,不认识。

    name=”” 给单选框编组

    checked=”checked” 给选框增加默认选中状态

    selected="selected"下拉菜单添加默认选择

    css3新增input属性

    Pattern=”[0-9&a-z]”{11}

    限制类型为09az,限制位数为11位。

    Title=“出错了,你笨死了”出错提示。

    Required=required” 参数为必填项。

    =========================================样式

    cursor:pointer

    cursor - 鼠标

    pointer - 指针

    resize:none;  重置尺寸:不重置

    对齐基线:

    内联元素的对齐基线为: 底部对齐;

    块元素的对齐基线为: 顶部对齐;

    vertical-align:top; 对齐基线为顶部对齐;

  • 相关阅读:
    DOM操作:
    定时器
    7.thinkphp框架控制器
    1.thinkphp框架介绍
    4.thinkphp框架url访问
    6.thinkphp框架路由
    2.thinkphpk框架基础
    5.thinkphp框架配置文件
    3.thinkphp框架入口文件
    8.thinkphp框架数据库
  • 原文地址:https://www.cnblogs.com/feiyu1111111111/p/4950635.html
Copyright © 2011-2022 走看看