用html代码制作一个表单页面,HTML网页表单制作详细讲解

本文介绍了HTML表单的基本知识和元素,包括form、input、textarea、select和option标签的用法,以及表单数据的提交方式。通过实例展示了如何创建和美化表单,帮助读者理解表单在网页交互中的作用。
摘要由CSDN通过智能技术生成

表单是一个网站和访问者开展互动的窗口,我们现在就给大家介绍一下表单的一些基本知识和表单美化方法。

初识表单

表单可以用来在网页中发送数据,特别是经常被用在联系表单-用户输入信息然后发送到Email中。表单本身是没有什么用的。这需要编一个程序来处理输入表单中的数据。这也超出了本站指南的范围。如果使用网络服务器来放置HTML,你能够自助地找到一些简单的教程,开发一个服务器端的程序使一个发送到Email的表单工作。

表单元素

实际用在HTML中的标签有form、 input、 textarea、 select和option。表单标签form定义的表单里头,必须有行为属性action,它告诉表单当提交的时候将内容发往何处。

可选的方法属性method告诉表单数据将怎样发送,有get(默认的)和post两个值。常用到的是设置post值,它可以隐藏信息(get的信息会暴露在URL中)。网页教学网

所以一个表单元素看起来是这样子的:

以下为引用的内容:

input标签在表单制作中起到的作用很重要。有10种形式,概括如下:

是标准的文本框。它可以有一个值属性value,用来设置文本框里的默认文本。

像文本框一样,但是会以星号代替用户所输入的实际字符。

是复选框,用户可以快速的选择或者不选一个条目。它可以有一个预选属性checked,像这样的格式. 网页教学网

与复选框相似,但是用户只可在一个组中选择一个单选按钮。它也有一个预选属性checked,使用方法跟复选框一样。 网页教学网

是展示你电脑上的文件的一个区域,就像你在一个软件中打开或者保存一个文档一样。 网页教学网

是一个被点击后提交表单的按钮

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值