Introduction to PHP form elements: input field tag

伊谢尔伦

Release： 2023-03-07 13:54:02

Original

3812 people have browsed it

Form

In this chapter we focus on introducing the input field tag .

Input field tag

Input field tag is one of the most commonly used tags in forms. Commonly used input field tags include text boxes, buttons, radio buttons, checkboxes, etc.

The syntax format is as follows:

<form>
<input name="file_name" type="type_name">
</form>

Copy after login

The parameter name refers to the name of the input domain; the parameter type refers to the type of the input domain. The following types of input fields are provided in the tag. Users can use the typeattribute to determine the type to use according to their own needs.

type attribute values, examples and explanations:

1. text

Example:

<input name="user" type="text"  value="饮料" size="12"  maxlength="1000" >

Copy after login

Instructions: name is the name of the text box, value is the default value of the text box, size refers to the width of the text box (in characters), maxlength refers to the text box The maximum number of input characters.

Introduction to PHP form elements: input field tag <input>

2. password

Example:

<input name="pwd" type="password"  value="123456" size="8"  maxlength="16" >

Copy after login

Description: Password field, the user is in this text box The input characters will be replaced and displayed as "*" to maintain confidentiality.

Introduction to PHP form elements: input field tag <input>

3. file

Instance:

<input name="file"  type="file"   enctype="multipart/form-date" size="12"  maxlength="200" >

Copy after login

Description: File field, when file is uploaded , can be used to open a modal window to select files. Then upload the file to the server through the form, such as uploading a word file, etc. It must be noted that when uploading files, you need to specify the attributes of the form enctype="multipart/form-date" to achieve the upload function.

Introduction to PHP form elements: input field tag <input>

4. radio

Example:

<input name="sex"  type="radio"   value="男" checked>男
<input name="sex"  type="radio"   value="女" >女

Copy after login

Description: Radio button, used to set a group The user can only select one item. The checked attribute is used to set the radio button to be selected by default.

Introduction to PHP form elements: input field tag <input>

5. checkbox

Example:

<input name="goods"  type="checkbox" value="book" checked="checked" >图书
<input name="goods"  type="checkbox" value="fruits" >水果
<input name="goods"  type="checkbox" value="food" >食品

Copy after login

Description: Check box, allowing the user to select multiple options. The checked attribute is used to set the single checkbox to be selected by default. For example, when collecting personal information, you are required to make multiple choices among the options of personal preferences.

Introduction to PHP form elements: input field tag <input>

6. submit

Instance:

<input name="submit"  type="submit" value="提交" >

Copy after login

Description: Submit the content in the form to the server.

Introduction to PHP form elements: input field tag <input>

7. reset

Example:

<input name="reset" type="reset" value="重置">

Copy after login

Description: Clear and reset form content, used to Clears the contents of all text boxes in the form and returns the selection menu items to their initial values.

Introduction to PHP form elements: input field tag <input>

8. button

Example:

<input type="button" value="Hello world!">

Copy after login

Description: The button can trigger the action of submitting the form. When the user needs to modify the form, the form can be restored to its original state, and it can also play other roles according to the needs of the program. Ordinary buttons are generally used with JavaScript scripts for form processing.

Introduction to PHP form elements: input field tag <input>

9.hidden

The example is as follows:

<input type="hidden"  name="id">

Copy after login

Description: Hidden domain, used in Submit the variable value implicitly in the form. Hidden fields are invisible to users on the page. The purpose of adding hidden fields is to collect or send information in a hidden way. When the viewer clicks the "Send" button to send the form, the information in the hidden field is also sent to the processing page specified by the action.

The above is an introduction to the input field mark and an example of the type attribute of . Friends need to memorize this and practice more operations, because the form will be very useful in future development. .

The above is the detailed content of Introduction to PHP form elements: input field tag . For more information, please follow other related articles on the PHP Chinese website!