表单

1.表单控件
    1.input标记
        1.input标记
            提供文本输入框,密码输入框,按钮,单选按钮,多选按钮,文件上传框,隐藏域
        2.属性
            type:类型
             根据不同的type值,创建不同的输入框
            value:输入框的值
            name:给输入框起个名字(必须要写)
            disabled:禁止
        3.具体的表单type值
            1.文本框
                <input type="text"/>
                属性:
                    value:输入框的值
                    maxlength:允许输入的最大长度
                    readonly:只读
            2.密码框
                <input type="password"/>
                属性:
                    value:输入框的值
                    maxlength:允许输入的最大长度
                    readonly:只读
            3.单选框
                <input type="radio"/>
                属性
                    name属性的值必须一样(必须要加)
                    checked:选中
            4.多选框
                <input type="checkbox"/>
            5.按钮
                1.普通按钮:button
                    <input type="button" value="普通按钮"/>
                    value属性
                2.提交按钮:submit
                    <input type="submit" value="提交按钮"/>
                3.重置按钮:reset
                    <input type="reset" value="重置按钮"/>
            6.文件上传框:file
                <input type="file"/>
    2.<textarea></textarea>标记
        1.多行文本框
        2.语法
            <textarea></textarea>
        3.属性
            name:命名
            cols:代表多少列 ----输入框显示做多显示列数
            rows:代表多少行 ----输入框显示做多显示行数
            readonly:只读     ----   输入框的内容无法输入
    3.select下拉标记
        1.语法
           

 <select>
                <optgroup label="这是下拉菜单选项的提示"> <!--下拉菜单的提示,无法选择。用于下拉菜单可选项的提示。 -->
                    <option>下拉菜单1</option>
                    <option>下拉菜单2</option>
                </optgroup>
            </select>

实列:

optgroup标签插入后在label=""属性写入下拉菜单的提示,没有写入optgroup这没有效果。在option写入


selected则默认该项下拉默认选中

       


 2.option中的属性
            selected:默认选中
        3.select中的属性
            name
            multiple:实现多选 ---实现Ctrl+左键选中多个下拉菜单项
            size-------实现一个下拉菜单框大小显示几个下拉项,size=“5”,则显示5个目标。
    4.其他控件
        1.语法
             

<form>
  <fieldset>
    <legend>health information</legend>
    height: <input type="text" />
    weight: <input type="text" />
  </fieldset>
</form>

fieldset标签嵌套在form表单里面,

会出现组合表单外边的边框 !

                //为控件分组



本博客所有文章如无特别注明均为原创。作者:敏达复制或转载请以超链接形式注明转自 敏达博客
原文地址《表单
分享到:更多

相关推荐

未登录,暂时无法评论和查看评论!

点击这里给我发消息点击此处联系博主!