HTML FORM 表单

表单

表单是一个包含表单元素的区域。

表单元素是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素。

表单使用表单标签(<form>)定义。


由于仅仅使用HTML中的表单是无法实现常见的用户登陆操作,需要借助PHP等,这里只是进行一个模拟。

<html>
<meta charset="UTF-8"/>
<head>
    <title>登陆</title>
</head>
<body>
    <!-- action值应该是提交给哪个页面 -->
    <!-- method方法指定提交数据方式,常用:get和post
    post:数据不显示在地址栏,安全性高
    post:发送数据多
    get:速度快 -->
    <form action="loginok.html" method="get">
        用户名:<input type="text" name="username"/><br/>
        密  码:<input type="password" name="password"/><br/>
        <input type="submit" value="登陆"/>
        <input type="reset" value="重置"/>
    </form>
</body>
</html>
其中的loginok.html和上述html文件在同一个目录,这样当我点击登陆按钮就可以获取loginok.html数据。
本人申请微信公众号:biggerlaugh,欢迎关注与交流。

点击登陆按钮获得的内容如下:


  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML表单是用于收集用户输入数据的一种方式。它由一系列的表单控件和相应的标签组成。在HTML中,表单控件包括文本框、密码框、下拉列表、复选框、单选框、文件上传等。引用描述了一些常见的表单控件,例如文本框、密码框、下拉列表。引用介绍了label标签,用于与表单控件关联,提供更好的可用性和可访问性。引用和提供了更多关于HTML表单的示例和使用方法。 在HTML中,可以使用form元素来创建一个表单form元素有action属性,用于指定表单提交后的处理页面;method属性,用于指定表单的提交方式(POST或GET);enctype属性,用于指定表单数据的编码类型。表单中的每个控件都需要通过相应的标签来进行标记,并且可以使用name属性来命名控件,以便在提交表单时能够获取到用户输入的数据。 通过使用不同的表单控件和标签,可以灵活地创建各种类型的表单,满足不同的需求,例如收集用户的个人信息、提交文件等。表单的设计和布局可以根据具体的页面需求进行调整,以提供更好的用户体验。 总结起来,HTML表单是一种用于收集用户输入数据的技术,通过一系列的表单控件和标签,可以创建不同类型的表单,并通过表单提交将用户输入的数据发送到服务器进行处理。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值