表单的使用

表单用法
一、表单域的属性分解

<form action="" method="" target="" name="">

1、action 动作(提交后执行的操作)

2、method 方法(post 数据打包发送,允许发送大量数据,安全性高;get 浏览器直接发送数据,数据量不超过1KB,安全性低,搜索默认使用)

3、target 目标(见链接)

二、各类表单元素
  • input类

type=text|password|hidden|radio|checkbox|file|image|submit|reset|button

A、text 单行文本框

<input type="text" name="" value="" size="" maxlength="">

name 名称(判断的唯一依据)

value 默认值 (onclick="this.value=''")

size 宽度(不影响输入字符数)

maxlength 最大字符数(默认255个)

B、password 密码框

<input type="password" name="" value="" size="" maxlength="">

C、hidden

隐藏域

(默认值决定其功能)

<input type="hidden" name="" value="">

D、radio

单选按钮

<input type="radio" name="" value="" checked>

name 必须一致

E、checkbox 复选框

<input type="checkbox" name="" value="" checked>

F、file 文件域

<input type="file" name="" size="" value="" accept="">

G、image 图像域(默认可替代提交按钮)

<input type="image" src="图像的url">

H、submit/reset/button 提交/重置/普通

  • select 列表/菜单

<select name="" size="6" multiple>

1、size 高度

2、multiple 设置多选

option 选项

<option value="" selected>标签</option>

3、

textarea

  • 文本区域(多行文本框)

<textarea cols="列数" rows="行数" name="">默认值</textarea>

用链接替代提交/取消按钮

onclick="document.表单名称.submit()"

onclick="document.表单名称.reset()"

框架标记(在同一个窗口中显示多个页面)

框架=框架集(frameset)+框架页面(frame)

  • frameset属性设置

<frameset cols=""|rows="" frameborder="" border="" bordercolor="">

1、cols 列分隔 cols="120,30%,*"

左边为120个像素,中间为窗口的30%大小,右边是剩下的所有

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • form简介 是HTML中的一个元素,它表示文档中的一个区域,这个区域包含了交互控件,用于向web服务器提交信息。...
    七里之境阅读 1,354评论 0 1
  • 什么是Form表单? Form 表单是一组用来收集用户输入信息的html 标签,可以对用户输入的信息进行收集 效验...
    sirai阅读 1,593评论 0 0
  • 1. 什么是表单 HTML表单用于搜集不同类型的用户输入以提交给服务器进行处理, 表单是一个包含表单元素的区域. ...
    cheneyzhangch阅读 499评论 0 0
  • 1.HTML表单简介 HTML表单是一个包含表单元素的区域,用来收集用户输入的内容并提交。表单使用标签 来设置 标...
    村里第一帅阅读 379评论 0 0
  • HTML表单是一个包含各种表单元素的区域,用于收集用户提交的各种类型的的数据。 表单使用<from>来设置 <fr...
    萧雪圣阅读 257评论 0 0