What is the role of forms in the web front-end?

The form has two functions: 1. For users, it is an interface for data entry and submission; 2. For websites, it is a way to obtain user information. A form has three basic components: 1. The form tag, which contains the URL of the CGI program used to process the form data and the method for submitting the data to the server; 2. The form field, which includes the text box, password box, hidden field, and multi-line text boxes, etc.; 3. Form buttons, including submit buttons, reset buttons and general buttons, are used to transfer data to CGI scripts on the server or cancel input, etc.

The operating environment of this tutorial: Windows 7 system, Dell G3 computer.

Forms in the web front-end

The form’s role in the web page cannot be underestimated. It is mainly responsible for the data collection function. For example, you can collect Visitor's name and e-mail address, questionnaire, guestbook, etc.

The role of the form:

• For the user, the form is an interface for data entry and submission;

• Forms are a way for websites to obtain user information.

A form has three basic components:

• ##Form tag
  : This contains the URL of the CGI program used to process form data and the method for submitting data to the server.
• Form fields: including text boxes, password boxes, hidden fields, multi-line text boxes, check boxes, radio button boxes, drop-down selection boxes and file upload boxes, etc.

• Form buttons: including submit buttons, reset buttons and general buttons; used to transfer data to CGI scripts on the server or cancel input. You can also use form buttons to control other definitions Handle script processing.

Form tag

<form action="提交地址" method="提交方式" name="表单名称">
    各种表单控件
</form>

get         一般用来查询信息
post        一般用来新增信息
put         一般用来修改信息
delete      一般用来删除信息

Some attributes of the input tag:

The checked attribute is only available for radio buttons and check boxes

密码框

<input>

单选框

name相同的单选框智能选择一个

        男 <input> 
        女 <input>

复选框

多选框可以选取多个

        爱好： 
 
        抽烟<input> 
        喝酒<input> 
        烫头<input>

按钮

普通按钮可以根据需求来用js添加功能

提交按钮会把输入的表单信息提交到form表单的action地址

重置按钮会把表单信息重置为默认

下拉框标签

下拉框标签有点特殊，不是input的属性而是一个单独的标签

        <select>
            <option>山东</option>
            <option>北京</option>
            <option>江苏</option>
            <option>深圳</option>
            <option>上海</option>
        </select>

相关推荐：《html视频教程》

The above is the detailed content of What is the role of forms in the web front-end?. For more information, please follow other related articles on the PHP Chinese website!