html网页表单设计（Html页面代码中 为什么要使用<form>表单标签，使用该标签有什么意义）

本文目录

• Html页面代码中 为什么要使用表单标签，使用该标签有什么意义
• 怎样用html写表单的教程
• 需要一个HTML模板，用来做简单的表单数据录入
• html 使用表格和表单创建如下图所示的表单页面求源代码
• 用表格和表单制作如下网页完整html代码
• 怎样设计网页表单
• 我做了个html网页有个表单，用户填写的表单想保存怎么做呢

Html页面代码中 为什么要使用表单标签，使用该标签有什么意义

html《form》表单标签使用在一个网页中数据提交标签。 例如，可以在留言板，评论等中填写数据，表单提交标签是提交处理所必需的。

《form》表单标签包含输入框input，单选，多选，select下拉列表菜单和跳转菜单，提交按钮和其他标签元素。

使用《form》 《/ form》声明表单区域，并在《form》中填写action的值作为表单区域中提交内容发送到的页面地址。

扩展资料：

1、《form》 表单的属性有：

accept-charset、action、method、name、target等。其中：

（1）action：表单提交的地址，action的地址就是要提交的服务器的地址。

（2）method：以何种方式提交，常见的为get和post，区别在于一个是明文（在url中显示），一个是暗文。

2、《form》标签使用示例：

《form action="demo_form.php" method="get"》

First name: 《input type="text" name="fname"》《br》 

Last name: 《input type="text" name="lname"》《br》 

《input type="submit" value="提交"》

《/form》

当点击submit按钮时，浏览器会自动将表单信息封装提交至action中的地址。所谓的提交就是访问action中地址并携带着form表单中input，textarea，select的信息。

怎样用html写表单的教程

我们在浏览一些网站时经常会用到一种网页元素--表单。如下图，像这样允许用户输入并使用按钮提交信息的功能，我们称之为表单，那么接下来介绍HTML表单相关的一些知识点。

1)表单:帮助服务器收集客户端信息的一种机制

• 《form action="提交到的页面" method="提交的方法"》         

• 表单控件  

• form》  

action:数据最后所提交的页面 绝对路径/相对路径

method:数据提交服务器时的提交方法 post get

2)表单控件:表单用于用户填写信息的控件

1、文本控件: 用于用户填写较少信息，且可以显示用户填写信息的控件

(注册时，用户名填写)

格式:

• 《input type="text" name=""  id=""  value="" size="" placeholder=""/》 

type:设置控件样式 text

name:用于表单收集信息的一种标示符，也就是控件的名称

2、密码框:只是用户输入的内容看不到

• 《input type="password" name="" id=""  size=""/》 

3、单选按钮组:由多个单选按钮组成的按钮组，只能选中其中一个，这种按钮组

• 《input type=’radio’ name="" value="" checked》标示符 

name:为了保证传递服务器数据只有一个，所以name值必须相同

value：是用提交服务器时，该标签被提交的数据,value不能相同;

checked:默认按钮组中的那个按钮被选中

• 性别:《input type=’radio’ name="" value="" checked》男 

• 《input type=’radio’ name="" value="" checked》女 

• 《input type=’radio’ name="" value="" checked》保密 

所有表单控件name值不能相同!!!

4、复选按钮组: 与单选按钮组的区别可以选择多个，为了能将用户选择的多项内容传递服务器中，要将name名字后面加个

格式:

• 《input type=’checkbox’ name="" id="" value="" checked》标示 

选课:

• 《input type=’checkbox’ name=’classes’ checked value=’1’》语文 

• 《input type=’checkbox’ name=’classes’  value=’2’》数学 

• 《input type=’checkbox’ name=’classes’  value=’3’》历史 

• 《input type=’checkbox’ name=’classes’  value=’4’》政治 

• 《input type=’checkbox’ name=’classes’  value=’5’》物理 

• 《input type=’checkbox’ name=’classes’  value=’6’》化学 

• 《input type=’checkbox’ name=’classes’ checked value=’7’》美术   

注意：一定要在name属性后面添加

5)下拉列表框:

格式:

• 《select name="" 》 

• 《option value="" selected》下拉列表项option》 

• 《option value="" 》下拉列表项option》 

• 《option value="" 》下拉列表项option》 

• 《option value="" 》下拉列表项option》 

• 《option value="" 》下拉列表项option》 

• select》 

multiple:允许用户选中多个下拉列表项

optgroup: 设置下拉分类标示

6) 文本域：可以输入多行数据的表单控件

• 《textarea name="" id="" cols="" rows=""》 

• 内容 

• textarea》 

rows:设置文本域可以输入的行数

cols:设置的文本域输入的列数(一行可以输入多少个字符)(不是PX)

个人介绍:

• 《textarea name=’descs’ cols="50" rows="10"》 

• 我是个学生 

• textarea》 

7)隐藏域：

• 《input type="hidden" name = “”value =””》 

8)上传控件：

• 《input type="file" name=””》 

9)按钮标签:

普通按钮:为js提供的控件

• 《input type=’button’ name=”” value=""/》 

value：按钮中显示的数据和提交到服务器后该控件提交的值

• 《input type=’button’ name=’clicks’ value="点我"/》 

提交按钮:点击后可以提交表单

• 《input type=’submit’ name="add" value=’注册’/》 

重置按钮:点击后可以将用户输入的数据清空

• 《input type=’reset’ name=’cancel’ value=’重置’》 

图片提交按钮:使用图片作为提交按钮

• 《input type=’image’ src=’图片地址’ name=””》 

本文的分享就到这，希望我的回答能帮到你。

需要一个HTML模板，用来做简单的表单数据录入

HTML做个数据录入的模板。如下参考：

1、首先新建一个html，点击《body》《/body》中间，先填入表格内容：

2.内容可根据要求编写，示例代码如下：

《table》

《p style="text-align:center "》功课表《/p》

《tr》

《th》语文《/th》

《td》7:00-7:40《/td》

《td》7:50-8:30《/td》

《/tr》

《tr》

《th》数学《/th》

《td》7:00-7:40《/td》

《td》7:50-8:30《/td》

《/tr》

《tr》

《th》英文《/th》

《td》7:00-7:40《/td》

《td》7:50-8:30《/td》

《/tr》

《/table》

3.然后在《head》《/head》中间输入样式表的样式，如下图：

4.样式也可以根据个人需要设置，设置单元格的宽度高度，合并单元格，位置，颜色等，示例代码如下：

《style type="text/css"》

body

{

width:340px;

height:800px;

}

table

{

border-collapse:collapse;

}

th,td

{

width:100px;

height:40px;

border:1pxsolidblack;

font-size:12px;

text-align:center;

}

《/style》

5.注意，此代码“table的意思是表”的含义是将表边框合并为单个边框以合并相邻的更改。

6.预览结果如下图所示，一个制作简单的HTML模板。

html 使用表格和表单创建如下图所示的表单页面求源代码

***隐藏网址***
***隐藏网址***
《head》
***隐藏网址***
《title》产品订购《/title》
《/head》
《body》《form action="#" method="post"》
《table width="1000" border="1"》
  《tr》
    《th colspan="4"》产品订购《/th》
  《/tr》
  《tr》
    《td style="text-align:right"》姓名：《/td》
    《td》《input type="text" name="consumer" /》《/td》
    《td》商品名称：《/td》
    《td》《input type="text" name="goods_name" /》《/td》
  《/tr》
  《tr》
    《td style="text-align:right"》地区：《/td》
    《td》
    《select name="address"》
        《option value="guangzhou"》广州《/option》
        《option value="beijing"》北京《/option》
        《option value="shanghai"》上海《/option》
        《/select》
    《/td》
    《td》付款方式：《/td》
    《td》
    《input type="radio" name="pay" value="network" /》网上
    《input type="radio" name="pay" value="mail" /》邮局
    《input type="radio" name="pay" value="bank" /》银行
    《/td》
  《/tr》
  《tr》
    《td style="text-align:right"》关注产品：《/td》
    《td colspan="3"》
    《input type="checkbox" name="hufu" checked="checked" /》护肤品
        《input type="checkbox" name="huazhuang" /》化妆品
        《input type="checkbox" name="fuzhuang" checked="checked" /》服装
        《input type="checkbox" name="dianqi" /》电器
    《/td》
  《/tr》
  《tr》
    《td style="text-align:right"》联系电话：《/td》
    《td colspan="3"》《input type="text" name="phone" /》《/td》
  《/tr》
  《tr》
    《td style="text-align:right"》备注：《/td》
    《td colspan="3"》
    《textarea name="comment" rows="10" cols="80"》《/textarea》
    《/td》
  《/tr》
  《tr》
    《td》 《/td》
    《td colspan="3"》
    《input type="submit" value="提交" /》
    《input type="reset" value="重置" /》
    《/td》
  《/tr》
《/table》
《/form》
《/body》
《/html》

可否满意？

用表格和表单制作如下网页完整html代码

1、使用标签《table》《/table》定义网页的表格,使用style赋值类型将显示在网页。

2、使用《tr》标签定义行,使用《th》定义表头,表头的文字自动加粗。

3、《tr》和《td》标签配合,定义每行中的表格数量,现在定义3行5列的表格。

4、使用《caption》《/caption》定义表格的标题。

5、表格分为三个部分,表头部，表主体，表尾部。

6、表头部和主体分别放标题和表格的内容,而表的尾部通常放的是页数。

怎样设计网页表单

一、表单概述
表单，在网页中的作用不可小视，主要负责数据采集的功能，比如你可以采集访问者的名字和e－mail地址、调查表、留言簿等等。
1、表单的组成
一个表单有三个基本组成部分： 表单标签：这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。 表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。 表单按钮：包括提交按钮、复位按钮和一般按钮；用于将数据传送到服务器上的CGI脚本或者取消输入，还可以用表单按钮来控制其他定义了处理脚本的处理工作。 为了顾及不同的网页设计工具，本文只讲述代码的设计，不具体讲述操作方法，下面就是表单的HTML代码设计要点：
1.1 表单标签＜form＞＜/form＞

我做了个html网页有个表单，用户填写的表单想保存怎么做呢

表单form里头的
action
属性就是用于指定来处理表单数据的页面的
method
指定传送的方法get
or
post
处理页面获取方法根据使用开发语言的不同有所差异，大致上都是responst...之类的方法，asp可以直接通过在处理表单的方法参数里头定义表单控件同名的参数来接收传递的数据。例如
控件id为
name,接收参数处理的方法function(string
name)便可。
希望对你有帮助。