HTML表单和输入

一,表单元素form

1,属性:

action  动作  目标

method (get post)  规定用于发送方式

name 规定表单元素

entype  编码

二,输入

1,语法:

<input type="password" name="txtWord">

type类型如下;

password   密码按钮

submit   提交按钮

reset    重置按钮

button   普通按钮

hidden  隐藏域(在表单中包含用户不想知道的信息,隐藏域在页面里面是看不见的,但是尤其实用价值)

file   文件,

2,表单控件元素

input:

type,name,value(预先设定值,可操作),disabled禁用   readonly只读,maxlength最大输入长度

3,文本框 <input type="text">

密码框 <input type="password">

单选框 radio

复选框  checkbox     checked(默认选中)

4,<lable>元素

主要属性:for :该属性指向要操作的元素的唯一属性id

5,选项框

<select> 属性:name, size ,muitiple复选

         <option></option>属性:value ,selected预选中

</select>

6,选择区域:<textarea>  属性:name , cols列  ,rows列,readonly只读

7,分组控件<fileset><filend>

8,浮动元素框架元素<ifream> :可以在一个浏览器中同时显示

属性 src  height  width

9,摘要与细节

detials  细节

summary 摘要

10,meter 度量元素

属性:value  min  max

<meter>标签定义已知范围或分数值内的标量测量,也称为尺度。例如:磁盘用量,查询结果的相关性,等等。

11,时间  time

12,高亮文本显示  Mark

  在学习表单时,需要注意的重点是:在一个HTML文件中可以添加多个form,但是form里面不可以嵌套form,在设置属性时可以加上唯一属性id,可以单独设置其样式。

在输入标签中,可以定义很多种样式的按钮和输入框,同样的也可以设置按钮,输入框的相关align.

坚持,要更努力

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 表单基础知识 在HTML中,表单是由 元素来表示的,而在JS中,表单对应的则是HTMLFormElement类型。...
    oWSQo阅读 1,001评论 0 1
  • 什么是FORM表单: 表单是用来提交资料、意见,规范流程执行过程的格式。表单在网页中主要负责数据采集功能。一个表单...
    PYFang阅读 1,253评论 0 0
  • <input>标签 标签用于搜集用户信息,根据不同的type属性值,输入字段拥有很多种形式。输入字段可以是文本字段...
    _空空阅读 4,212评论 0 3
  • 本人做php的,最近发现JS真的是博大精深啊,比PHP难.在HTML中,表单是由form元素来表示的,但是在jav...
    linfree阅读 2,371评论 3 17
  • 一、表单 1. 表单的作用 HTML 表单用于接收不同类型的用户输入,用户提交表单时向服务器传输数据,从而实现用户...
    zx9426阅读 551评论 0 1

友情链接更多精彩内容