Web前端表单知识点整理

最新推荐文章于 2023-09-15 23:54:50 发布

Mindy0313

最新推荐文章于 2023-09-15 23:54:50 发布

阅读量566

点赞数 3

文章标签： html html5

本文链接：https://blog.csdn.net/m0_49948065/article/details/111397504

版权

本文详细介绍了HTML5中表单的使用，包括表单标记的基本语法和属性、定义域与标题的创建、各种信息输入类型的用法，如单行文本、密码输入、复选框、单选按钮、图像按钮、提交和重置按钮、普通按钮、文件选择框以及隐藏框，以及多行文本输入框和下拉列表框的使用。通过对这些元素的理解和应用，开发者能更好地构建交互式的网页表单。

摘要由CSDN通过智能技术生成

一、概述

Web中的表单一般用来做网络调查、用户在线注册、信息检索及网站服务提供商向用户采集信息等。表单是较为复杂的HTML元素，经常与脚本、动态网页、后台数据处理等结合一起使用。利用表单可以在HTML页面中插入一些表单控件（元素），如文本框、提交按钮、单选按钮、复选框、下拉列表框等，完成各类信息的采集。

二、表单标记

1.基本语法

<form method="POST" action="">
        <input type="text" name="">                         <!--单行文本输入框-->
        <textarea name="" cols="" rows=""></textarea>       <!--多行文本域-->
        <select name="">                                    <!--下拉列表域-->
            <option value="" selected></option>
            <option value=""></option>
        </select>
    </form>

2.属性及其说明

属性	值	说明
name	name	规定表单名称
action	url	规定当提交表单时，向何处发送表单数据
method	get或post	规定如何发送表单数据。post方法主要包含名称/值对，并且无需包含于action的URL中。get方法把名称/值对加在action的URL后，且把新的URL送至服务器，不推荐使用
enctype	MIME_type	规定表单数据在发送到服务器之前应如何编码