您现在的位置是:首页 >

html中submit实现跳转 html中的input的作用

火烧 2022-05-12 02:52:22 1131
html中的i ut的作用 讲INPUT就要说到表单用法了下面是用法一、表单域的属性分解 lt form actio ="" method="" target="" ame= gt 1、actio 动

html中的input的作用  

讲INPUT就要说到表单用法了

下面是用法

一、表单域的属性分解

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

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

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

3、target 目标(见链接)

二、各类表单元素

1、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="">

html中submit实现跳转 html中的input的作用

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

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

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

2、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%大小,右边是剩下的所有

  
永远跟党走
  • 如果你觉得本站很棒,可以通过扫码支付打赏哦!

    • 微信收款码
    • 支付宝收款码