表单标签form的简单使用

表单就是一个放控件的地方,如文本框,密码框,按钮之类的,这些控件叫做表单元素。

表单的构成:

<form action="提交地址">
    表单内容(包括按钮,输入框,选择框等等)
</form>

表单元素的基本标签是<input>标签它的type属性有以下类型:

text:文本框

password:密码框

radio:单选按钮

checkbox:复选框

reset:重置按钮

button:普通按钮

submit:提交按钮,把表单内容提交到action设定的网页中

image:图片

示例代码:

<body>
     <form>
         <h2 >欢迎注册</h2><br>
        输入账号(文本框):<input type="text" ><br>
        输入密码(密码框):<input type="password" ><br>
        选择性别(单选按钮):
        <input type="radio" name="sex" checked="checked" >男
        <input type="radio" name="sex"  >女<br>
        选择爱好(复选框):
         <input type="checkbox" >唱歌
         <input type="checkbox" >跳舞
         <input type="checkbox" checked>打球
         <input type="checkbox" >打游戏<br>
         <input type="submit" value="注册"  />
         <input type="reset" value="清空"  />
         <input type="button" value="普通按钮"  />
       </form>
</body>

版权声明:本文为博主原创文章,未经博主允许不得转载。

时间: 2024-10-08 10:03:48

表单标签form的简单使用的相关文章

表单标签: &lt;form&gt;

表单标签: <form> 功能:表单用于向服务器传输数据,从而实现用户与Web服务器的交互 表单能够包含input系列标签,比如文本字段.复选框.单选框.提交按钮等等. 表单还可以包含textarea.select.fieldset和 label标签. 表单属性 action: 表单提交到哪.一般指向服务器端一个程序,程序接收到表单提交过来的数据(即表单元素值)作相应处理,比如https://www.sogou.com/web method: 表单的提交方式 post/get默认取值就是get

关于HTML5的表单标签------&gt;form

表单是可以把浏览者输入的数据传送到服务器端,这样服务器端程序就可以处理表单传过来的数据. 语法: <form method="传送方式" action="服务器文件"> 重点: 1.<form> :<form>标签是成对出现的,以<form>开始,以</form>结束. 2.action :浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php). 3.method : 数据传送的方式(get

(三)HTML中的列表标签、框架集及表单标签

一.HTML的列表标签 在网页中,经常可以看到,有的内容排列如同word里面的项目编号,这就是HTML的无序排列和有序排列起到的作用.. HTML之无序排列:<ul></ul> 例子:<ul type="??"> // type的属性值可以为:disc---->实心黑色圆:circle---->空心圆:square---->实心正方形. <li>河南理工大学</li> <li>河南工业大学<

HTML表单标签

表单标签 <form action="" method=""></form> form 标签为html创建一个表单 action属性表示表单要提交到的页面 method属性表示表单数据提交时的传输方式  get|post get和post的区别 1.get明文传输,不安全,post密文传输,安全 2.get最多可传输255个字符,post对传输字符去限制 文本框标签<input /> 1.普通文本框 <input type=

表格标签,图片标签,框架标签,表单标签

一)表格标签 <table>标签 表格里面需要设置单元格的行,在行内设置单元格代表该行的列. 通过改变table的属性还有单元格的属性可以设置单元格的跨度,字体,对齐方式等. 示例: <table align="center" border="1px" width="400pt" height="300pt"> <tr> <th colspan="3">学习成

表单标签概述及详解

1.1 表单标签概述1.1.1 什么是表单标签我们去银行办理一些业务的时候,我们通常需要填写一些纸质单据,而如果我们在网页中需要填写一些单据呢?我们可以通过HTML的表单来实现.例如:1.2 表单标签详解1.2.1 输入项标签<input/>标签表单输入项标签之一,用户可以在该标签上 通过填写和选择 进行数据的输入.? type:设置该标签的种类ü text:文本框. 默认ü password:密码框. 内容为非明文ü radio:单选框. 在同一组内有单选效果ü checkbox:复选框.

SpringMVC&lt;from:form&gt;表单标签和&lt;input&gt;表单标签简介 转http://blog.csdn.net/hp_yangpeng/article/details/51906654

SpringMVC<from:form>表单标签和<input>表单标签简介 在使用SpringMVC的时候我们可以使用spring封装的一系列表单标签,这些标签都可以访问到ModelMap中的内容.下面将对这些标签一一介绍. 在正式介绍SpringMVC的表单标签之前,我们需要先在JSP中声明使用的标签,具体做法是在JSP文件的顶部加入以下指令: Jsp代码 <%@taglib uri="http://www.springframework.org/tags/fo

前端 http协议 四大特性 web本质 -响应状态码 列表标签 表单操作 form表单 # 44

1.前端简介 1 """""" 2 """前端:""" 3 """和python没有任何关系""" 4 5 1.什么是前端? 6 任何与用户直接打交道的操作界面都可以称之为前端 7 比如 : 电脑界面 手机界面 平板界面 8 9 2.什么是后端? 10 暂时先理解成,幕后操作者 11 不直接与用户打交道 12 13 3.为什么要

HTML table、form表单标签的介绍

本篇主要介绍 table.form标签以及表单提交方式. 目录 1. <table> 标签:在HTML 中定义表格布局. 2. <form> 标签:用于创建 HTML 表单. 3. 表单提交方式:介绍get.post方法. 1. <table> 标签 1.1 说明 在HTML 中定义表格布局. 1.2格式 <table> <caption></caption> <tr> <th></th></