HTML 表单常用的代码元素

摘要:
getsubmit with length limit post submit without length limits常见的post表单元素:12 1.文本类1)-文本框在文本框中输入内容……4)。隐藏的隐藏字段也可以用于输入内容,但它们不是供人查看的,而是供计算机程序查看的。将表单内容提交到服务器。重置重置按钮默认有两个字。它用于清除表单中的内容。

表单:

将数据通过浏览器提交到服务器的媒介。
<form action="" method="get/post" ></form>

get 提交有长度限制

post 提交无长度限制

一般常用post

HTML 表单常用的代码元素第1张

 表单元素:12个

1.文本类
1).<input type="text" value=""> - 文本框

HTML 表单常用的代码元素第2张

HTML 表单常用的代码元素第3张

在文本框中输入内容。。。。


2).password - 密码框

HTML 表单常用的代码元素第4张

HTML 表单常用的代码元素第5张

3).<textarea></textarea> - 文本域

HTML 表单常用的代码元素第6张

HTML 表单常用的代码元素第7张

可以输入多行内容。

4).hidden - 隐藏域

HTML 表单常用的代码元素第8张

里面也可以输入内容,但是不是给人看的,是用来给计算机程序看的。

2.按钮类
button -普通按扭

HTML 表单常用的代码元素第9张

HTML 表单常用的代码元素第10张

submit - 提交按钮

HTML 表单常用的代码元素第11张

HTML 表单常用的代码元素第12张

如果把提交按钮里面的“提交”两个字改掉可以用 value=“输入改的内容”,这用就可以了。

把表单的内容提交到服务器

reset - 重置按钮

HTML 表单常用的代码元素第13张

HTML 表单常用的代码元素第14张

默认有重置俩字,其作用是清空form表单里面的内容。

image - 图片按钮 = 提交按钮

HTML 表单常用的代码元素第15张

和上面那提交按钮功能一样。

3.选择类
radio - 单选按钮

HTML 表单常用的代码元素第16张

HTML 表单常用的代码元素第17张

 checkbox - 复选按钮,多选按钮

 HTML 表单常用的代码元素第18张

HTML 表单常用的代码元素第19张

<select> - 下拉列表

<option></option>

HTML 表单常用的代码元素第20张

运行起来就是下面这个样子:

HTML 表单常用的代码元素第21张



</select>

file - 文件选择

HTML 表单常用的代码元素第22张

运行起来就是下面的样子:

HTML 表单常用的代码元素第23张

免责声明:文章转载自《HTML 表单常用的代码元素》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇debian 6软件更新源列表Windows Phone开发工具初体验【转载】下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

net core体系-网络数据采集(AngleSharp)-1初探

有这么一本Python的书: <<Python 网络数据采集>> 我准备用.NET Core及第三方库实现里面所有的例子. 这是第一部分, 主要使用的是AngleSharp:https://anglesharp.github.io/ (文章的章节书与该书是对应的) 发送Http请求 在python里面这样发送http请求, 它使...

从Chrome源码看浏览器如何构建DOM树

最近下了Chrome的源码,安装了一个debug版的Chromium研究了一下,虽然很多地方都一知半解,但是还是有一点收获,将在这篇文章介绍DOM树是如何构建的,看了本文应该可以回答以下问题: IE用的是Trident内核,Safari用的是Webkit,Chrome用的是Blink,到底什么是内核,它们的区别是什么? 如果没有声明<!DOCTY...

Django(一):从socket到MVC

一、socket的http套路 web应用本质上是一个socket服务端,用户的浏览器是一个socket客户端。socket处在应用层与传输层之间,是操作系统中I/O系统的延伸部分(接口),负责系统进程和应用之间的通信。 HTTP协议又称超文本传输协议。 1 //浏览器发送一个HTTP请求; 2 //服务器收到请求,根据请求信息,进行函数处理,生成一个H...

dojo(五):Dijit-基本组件

转自:http://blog.csdn.net/trendgrucee/article/details/12679949 1、简介 Dijit是Dojo的UI框架,包含一系列丰富的组件以帮助你快速开发Web程序。考虑到大部分Web页面都是表单元素(指允许用户输入的组件,通常会被传送到服务器进行处理)。Dijit有很多基于表单的组件,包括按钮、文本框、可校验...

Unity3D 使用XML进行简单的配置文件改动

1、首先是看看效果图: 開始执行项目例如以下图所看到的 2、点击绿色button改动配置文件再点击改动button成功改动方块颜色 3、接了下是实现的过程: 首先在Hierarchy创建一个cube。其次在Assets下分别创建Scenes和Scripts目录,各自是用来保存的的当前的场景和我们所写的脚本。在Scripts目录以下右键创建一个C#脚本...

Cypress web自动化39-.trigger()常用鼠标操作事件

前言 在web页面上经常遇到的鼠标事件有:鼠标悬停操作,鼠标右键,鼠标长按,拖拽等操作 trigger() trigger 方法用于在 DOM 元素上触发事件 语法使用示例 .trigger(eventName) .trigger(eventName, position) .trigger(eventName, options) .trigger(even...