前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布

表单

作者头像
十月梦想
发布2018-08-29 10:21:52
2.2K0
发布2018-08-29 10:21:52
举报
文章被收录于专栏:十月梦想十月梦想

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.语法

代码语言:javascript
复制
 <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.语法

代码语言:javascript
复制
<form>
  <fieldset>
    <legend>health information</legend>
    height: <input type="text" />
    weight: <input type="text" />
  </fieldset>
</form>

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

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

                //为控件分组

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2017-10-19,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档