美文网首页
学习笔记(表单)

学习笔记(表单)

作者: 乳酸菌_c966 | 来源:发表于2017-10-04 13:20 被阅读0次
表单元素

<form name=”form1” action=”将本表单中的数据提交给的对象(是一个php文件名而已)” method=”post”>

  • 单行文本框:<input type=”text” name=”n1” />
    • maxlength:设置该输入框最多能输入的字符个数;
    • readonly:这是一个“无值”属性,表示“只读”,则写法是:
      readonly=”readonly”;
    • disable: 设置该输入框“无效”,即数 据无效。)
  • 密码框:<input type=”password” name=”n2” />*
  • 单选项:<input type=”radio” name=”n3” value=”某个值” />
    • checked: 表示该选项默认是checked选中的状态。也是一个“无值属性”;
    • name特别说明:一组的单选项要求name值必须相同。
  • 多选项:<input type=”checkbox” name=”n4” value=”某值” />
  • 提交按钮:<input type=”submit” name=”n5” value=”提交文字” />
  • 图片按钮:<input type=”image” name=”n6” src=”图片地址” />
  • 重置按钮:<input type=”reset” name=”n7” value=”重置文字” />
  • 普通按钮:<input type=”button” name=”n8” value=”文字” />
  • 文件域:<input type=”file” name=”n9” />
  • 隐藏域:<input type=”hidden” name=”n10” />
  • 下拉选择:使用select和option标签配合实现。

<select name=”n11” multiple=” multiple”(可多选) size=”4” (size值大于等于4会成多行)> <option
value=”2” selected=”selected”(默认选项) >文字2</option>
<option value=”2” >文字2</option>
</select>

  • 多行文本框:<textarea name=”n13” rows=”行数” cols=”列数”>
    </textarea>
  • 将文字和选项绑为一体<label>.............................</label>
    </form>
框架标签

<frameset cols = "100,800"(将当前窗口按列分割的设置) rows =“100,900”(将当前窗口按行分割的设置) >
<frame src = "网页1的路径" name = “” noresize = “noresize”(不能改变大小)>
Scrolling = “auto(在需要时有滚动条) /yes(始终有滚动条)/no(不为框架提供滚动条)”
<frame src=”网页2路经url” name=”名字” />
</frameset>

相关文章

  • 表单设计-学习笔记

    文/丹顶鹤的日记本 学习笔记注:本文所说的表单(Form),是网页或者移动应用表单。 一) 表单的作用 表单的主要...

  • 学习笔记(表单)

    表单元素 单行文本框: maxlength:设置该输入框最多能输入的字符个数;readonly:这是一个“无值”属...

  • CSS(二)

    学习笔记(七):表单 表单就是收集用户信息的,就是让用户填写的、选择的。表单分为:文本框,密码框,单选按钮,复选框...

  • HTML5学习笔记之表单标签

    HTML5学习笔记之表单标签 其他HTML5相关文章 HTML5学习笔记之HTML5基本介绍 HTML5学习笔记之...

  • HTML表单学习笔记

    1. action写提交的地址; 2.chrome控制台打开,选择network,勾选preserve log,下...

  • 学习笔记-长表单

    移动端长表单设计-三种方案 方案1: 用户一次性浏览,操作压力大,但方便查错。 按钮:3种位置 内容底部:适用于1...

  • HTML表单学习笔记

    form表单有什么作用?有哪些常用的input 标签,分别有什么作用? HTML 表单用于搜集不同类型的用户输入,...

  • 学习笔记-表单标签

    几个简单的概念 表单:专门用来手机用户信息的。 元素:在html中的标签/标记/元素 表单元素:表单标签,在浏览器...

  • Angular学习笔记-表单

    Angular Forms 简介 Angular 4 中有两种表单: Template Driven Forms ...

  • HTML学习笔记(二)

    HTML学习笔记(二) 使用列表 使用表格 使用表单 添加多媒体 使用列表 ...

网友评论

      本文标题:学习笔记(表单)

      本文链接:https://www.haomeiwen.com/subject/nsnqyxtx.html