初识HTML_表单

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <form action="" method="">
            <table width="600px" border="1px" cellspacing="0" cellpadding="">
                <tbody>
                    <tr height="40px">
                        <td rowspan="4" align="center">总体信息</td >
                        <td colspan="2"></td>
                    </tr>
                    <tr height="40px">
                        <td align="center">用户名</td>
                        <td><input type="text" name="" id="" value="" /></td>                       </tr>
                    <tr height="40px">
                        <td align="center">密码</td>
                        <td><input type="password" name="" id="" value="" />
                        </td>
                    </tr>
                    <tr height="40px">
                        <td colspan="2"><input type="submit" name="" id="" value="提交" />
                            <input type="button" name="" id="" value="重置" />
                        </td>
                    </tr>
                </tbody>
            </table>
        </form>
    </body>
</html>

form必须有action属性，表示提交的地址
所有需要提交的数据，input必须有name属性
input按钮的文字，使用value属性表示
input必须放在form标签内才能提交
type的类型
- text：文本输入框
- password：密码输入框
- radio：单选框
- checkbox：复选框
- button：普通按钮
- reset：重置按钮
- file：文件选择框
get请求和post请求的区别
- get通常表示获取数据
- post通常表示提交数据
- get发送的数据都写在地址栏上，用户可见
- post发送的数据用户不可见
- get请求不能提交大量数据，但post可以，因此不要混用

原文地址：https://www.cnblogs.com/SSPOFA/p/11728889.html

时间： 2024-10-25 05:33:40

初识HTML_表单的相关文章

01.Spring Security初识，表单认证

初识spring security <dependencies> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency> <dependency> <groupId>org.springframework.securi

html_表单

HTML表单框架 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equ

HTML_表单提交_3

<form>用于创建表单. <input>作为输入类型. type:输入的类型. “text”:输入的是文本类型. “password”:输入的是密码类型. "checkbox":复选框. "radio":单选框类型,其中应注意name的值必须相同才可以实现单选框,不然两个选择项都可以进行选择. "button":按钮,其中value的值为显示的字符串. "submit":提交按钮.(貌似可以自动提交,

html_表单form中的input类型大集合

学到后面发现前面的内容都不是很巩固了. 知道自己的不足之后,最近在复习一些学过的知识. 做了一个表单form的input的属性type的大部分功能,当然还有没有涉及到的,比如range,time,month,number等等等等贴上代码 <div class="content"> <h2>商品信息</h2> <form method="post" class="goods_form"> <d

ASP.NET MVC轻教程 Step By Step 5——初识表单

上一节我们将留言列表显示在Index视图里了,现在该添加一个留言的表单,好让用户自己添加留言. 首先在HomeController中添加一个名为“Write”的动作方法. public ActionResult Write() { return View(); } Write动作方法没什么好解释的,接下来添加对应的Write视图. 我们依然采用空的视图模板.在视图中添加如下HTML代码. <body> <h1>MVC留言板</h1> <form action=&q

bootstrap学习起步篇：初识bootstrap之表单验证（二）

学习bootstrap是个过程,它提供给我们的文档上有很详细的说明.包括常用的栅栏布局.页面元素等,这里就不啰嗦了,今天,我就来说下结合jquery的表单验证. 最开始不借助插件,我们需要自己去编写验证规则.使用jquery验证,能让我们省去一些功夫. 首先我们需要引入js文件:jquery.validate.js:另外为了能使用它的样式,我们需另外引入screen.css.当然,如果要使用bootstrap,还是要引入其所需的文件的. 下面,我们需要一个表单: <form class="

html5——表单元素和属性

html使用表单向服务器提交请求,表单控件的主要作用就是收集用户的输入,当用户提交表单时,用户输入内容将被作为请求参数提交到远程服务器上 html原有的表单及表单控件 form属性说明 action 指定当单击表单的确认按钮,该表单被提交到哪个地址,可以是相对/绝对地址 method 指定提交表单时发送何种类型的请求属性值可以为get post enctype 对表单内容进行编码所使用的字符集 name 指定表单的唯一名称,建议该属性值与id属性值保持一致 target 使用哪种方式打开目标

神奇的表单

1.看一个算加减乘除的JavaScript小程序: <html> <head> <title>计算矩形的面积(初识javascript)</title> <style type="text/css"> .result{ font-weight:bold; } </style> <script language="JavaScript"> /* *这是个计算矩形面积和体积的JavaSc

HTML常用标签及表单标签

HTML初识 HTML(Hpyer Text Markup Language的缩写)译为"超文本标签语言",用来描述网页的一种语言.所谓超文本,因为它可以加入图片.声音.动画.多媒体.一个文件跳转到另外一个文件,与世界各地主机的文件连接. HTML的作用就是用标记标签来描述网页,把网页内容在浏览器中展示出来. HTML骨架格式 HTML标签分类 HTML标签:带有'<>'符号的元素.主要有2种标签:双标签和单标签. HTML标签关系并列关系.父子关系.孙子关系. 文档类型