使用表单标签,与用户交互

网站怎样与用户进行交互?答案是使用HTML表单(form)。表单是可以把浏览者输入的数据传送到服务器端,这样服务器端程序就可以处理表单传过来的数据。

语法:

<form   method="传送方式"   action="服务器文件">

讲解:

1.<form> :<form>标签是成对出现的,以<form>开始,以</form>结束。

2.action :浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。

3.method : 数据传送的方式(get/post)。

<form    method="post"   action="save.php">
        <label for="username">用户名:</label>
        <input type="text" name="username" />
        <label for="pass">密码:</label>
        <input type="password" name="pass" />
</form>

注意:

1、所有表单控件(文本框、文本域、按钮、单选框、复选框等)都必须放在<form></form>标签之间(否则用户输入的信息可提交不到服务器上哦!)。

2、method:post/get的区别这一部分内容属于后端程序员考虑的问题。

示例:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>表单标签</title>
</head>
<body>
   <div>
        <hr />
        <form method="post" action="sava.php">
            <label for="username">用户名:</label>
            <input type="text"  name="username" id="username" value="" />
            <br />
            <label for="pass">密码:</label>
            <input type="password"  name="pass" id="pass" value="" />
            <br />
            <input type="submit" value="确定" name="submit" />
            <input type="reset" value="重置" name="reset" />
        </form>
        <hr />
    </div>
    <div>
        <p>上面是测试的内容</p>
    </div>
</body>
</html>

效果:

时间: 2024-10-02 03:39:57

使用表单标签,与用户交互的相关文章

html 使用表单标签,与用户交互

使用表单标签,与用户交互 网站怎样与用户进行交互?答案是使用HTML表单(form).表单是可以把浏览者输入的数据传送到服务器端,这样服务器端程序就可以处理表单传过来的数据. 语法: <form   method="传送方式"   action="服务器文件"> 讲解: 1.<form> :<form>标签是成对出现的,以<form>开始,以</form>结束. 2.action :浏览者输入的数据被传送到

html中,使用表单标签,与用户交互。

网站怎样与用户进行交互?答案是使用HTML表单(form).表单是可以把浏览者输入的数据传送到服务器端,这样服务器端程序就可以处理表单传过来的数据. 语法:<form method="传送方式" action="服务器文件">,其中传送方式有两种post和get,服务器文件是指输入的数据被传送到的地方,比如一个PHP页面(save.php). <form method="post" action="save.php&q

关于Spring MVC中的表单标签库的使用

普通的MVC设计模式中M代表模型层,V代表视图层,C代表控制器,SpringMVC是一个典型的MVC设置模式的框架,对于视图和控制器的优化很多,其中就有与控制器相结合的JSP的表单标签库. 我们先简单写一个JSP的文件,使用普通的HTML的表单: 1 <%@ page language="java" contentType="text/html; charset=UTF-8" 2 pageEncoding="UTF-8"%> 3 &l

Struts2中UI标签之表单标签的一个例子

1.最近写了一篇文章,介绍了一下Struts2中UI标签的表单标签,文章地址为:http://blog.csdn.net/u012561176/article/details/44986183  因为缺少了个例子,大家看文字和表格也看不出什么效果来,所以今天来介绍一个例子,用Struts2中UI标签的表单标签实现一个个人信息的表单,但是有些表单标签没有演示出来,大家可以根据我介绍UI标签的表单标签来进行学习,这里只是给个例子. 2.首先新建一个Struts2项目,项目名为PersonMess

Struts学习(五)-表单标签,一个实例练习

表单标签将在 HTML 文档里被呈现为一个表单元素 使用表单标签的优点: 表单回显 对页面进行布局和排版 标签的属性可以被赋值为一个静态的值或一个 OGNL 表达式. 如果在赋值时使用了一个 OGNL 表达式并把它用 %{} 括起来, 这个表达式将会被求值. 表单标签的共同属性 * 该属性只在没有使用 simple 主题时才可以使用. form标签 默认情况下, form 标签将被呈现为一个表格形式的 HTML 表单. 嵌套在 form 标签里的输入字段将被呈现为一个表格行. 每个表格行由两个字

如何使用表单

如何使用表单 原文:Working with Forms作者:Rick Anderson.Dave Paquette.Jerrie Pelser翻译:姚阿勇(Dr.Yao)校对:孟帅洋(书缘) 这篇文章演示了如何使用表单以及表单中常用的 HTML 元素.HTML 的 Form 元素提供了 Web 应用向服务器回发数据的主要机制.本文的大部分在描述 Tag Helpers 以及它们如何能帮你有效地构建健壮的表单.在阅读本文之前,我们建议你阅读一下 Tag Helpers . 在很多情况下,HTML

第五节:表单标签的用法——value绑定和修饰符

1.表单标签的用法--value绑定和修饰符 value绑定的写法:v-bind:value 或者简写 :value 修饰符: lazy , Number , trim . 用法如:  v-model.lazy 2.使用表单的时候需要注意 v-bind:true-value和v-bind:false-value 的两个属性只是用在checkbox上 checkbox和radio需要设置初始值的时候,要在v-model绑定的值上直接设置,不要用html标签属性selected. 3.例子详解 <!

Django中使用表单

使用表单 表单用 user 提交数据,是网站中比较重要的一个内容 GET 和 POST 方法 GET 和 POST 的区别 URL,全称是"统一资源定位符".用于对应互联网上的每一个文件.而 GET.POST 等方法,本质上就是对这个 URL 进行一系列的操作.GET.POST.PUT.DELETE 分别对应对资源进行查.改.增.删.因此,任何对系统状态有改变的请求(例如,对数据库的数据进行修改)都应该使用 POST .GET 方法用于不影响系统状态的请求,如搜索或者是请求发送一些数据

html(五) -- 表单标签

表单标签: 表单标签的作用是用于提交数据给服务器的. 表单标签的根标签是<form>标签 常用的属性:    action: 该属性是用于指定提交数据的地址.    method: 指定表单的提交方式.            get : 默认使用的提交方式.  提交的数据会显示在地址栏上.            post :  提交的数据不会显示在地址栏上.注意: 表单项的数据如果需要提交到服务器上面,那么表单项必须要有name的属性值. 代码示例: 1 <!DOCTYPE html&g