PHP form inserting a form into a web page

伊谢尔伦
Release: 2023-03-07 14:36:01
Original
2774 people have browsed it

Inserting a form into an ordinary WEB page is as follows: A relatively complete form will be created here, and basically all the elements and attributes in

will be displayed.

First add a

form in the tag of HTML.

Then add a series of form elements and attributes to the

form. Here, some CSS styles are added to the form tags to make the page look cooler to friends.
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
<form action="index.php" method="post" name="form1" enctype="multipart/form-data">
  <table width="400" border="1" cellpadding="1"  bgcolor="#999999">
    <tr bgcolor="#FFCC33">
      <td width="103" height="25" align="right">姓名:</td>
      <td height="25">
        <input name="user" type="text" id="user" size="20" maxlength="100">
      </td>
    </tr>
    <tr bgcolor="#FFCC33">
      <td height="25" align="right">性别:</td>
      <td height="25" colspan="2" align="left">
        <input name="sex" type="radio" value="男" checked>男
            <input name="sex" type="radio" value="女" >女
         </td>
    </tr>
    <tr bgcolor="#FFCC33">
      <td width="103" height="25" align="right">密码:</td>
      <td width="289" height="25" colspan="2" align="left">
        <input name="pwd" type="password" id="pwd" size="20" maxlength="100">
      </td>
    </tr>
    <tr bgcolor="#FFCC33">
      <td height="25" align="right">学历:</td>
      <td height="25" colspan="2" align="left">
        <select name="select">
          <option value="专科">专科</option>
          <option value="本科" selected>本科</option>
          <option value="高中">高中</option>
        </select>
      </td>
    </tr>
    <tr bgcolor="#FFCC33">
      <td height="25" align="right">爱好:</td>
      <td height="25" colspan="2" align="left">
        <input name="fond[]" type="checkbox" id="fond[]" value="音乐">音乐
            <input name="fond[]" type="checkbox" id="fond[]" value="体育">体育
            <input name="fond[]" type="checkbox" id="fond[]" value="美术">美术
         </td>
    </tr>
    <tr bgcolor="#FFCC33">
      <td height="25" align="right">照片上传:</td>
      <td height="25" colspan="2">
        <input name="image" type="file" id="image" size="20" maxlength="100">
      </td>
    </tr>
    <tr bgcolor="#FFCC33">
      <td height="25" align="right">个人简介:</td>
      <td height="25" colspan="2">
        <textarea name="intro" cols="30" rows="10" id="intro"></textarea>
      </td>
    </tr>
    <tr align="center" bgcolor="#FFCC33">
      <td height="25" colspan="3">
        <input type="submit" name="submit" value="提交">
        <input type="reset" name="reset" value="重置">
      </td>
    </tr>
  </table>
</form>
</body>
</html>
Copy after login

Description: This form includes common form elements: single-line text box, Multi-line text box, single option (radio), multi-option (checkbox), and multi-select menu.

maxlength is an attribute associated with the name and password text boxes, which limits the maximum length of the user's password to 100 characters.

The list box is a list menu, and its named properties have their own values ​​for selection. Selected is a specific attribute selection element. If an option is attached with this attribute, the item will be listed as the first item when displayed.

The content in the intro text box displays the text, row and column width according to rows and cols.

The checked tag refers to a certain value in single option and multi-option, which has been selected by default.

Save this file as index.php page.

The form form in the above file uses the POST method to transfer data, so the data submitted by the user will be saved in the super global array of $_POST or $_REQUEST. We use the $_POST array The value in can process the submitted data. We will introduce the methods of obtaining form data in detail later. The POST method is one of them. Select it in method="post". The form is the most basic operation in the application when obtaining form data, so friends, please pay attention to the course introduction behind the form.

Note: Since this page does not use PHP scripts, this Web page is a static page. You can save it in .html format, and then directly use the browser to open the file to view the running results. That’s it.

Enter the address in the browser and press Enter. The running result is as follows:

PHP form inserting a form into a web page

How? Doesn’t it look a bit more dazzling in terms of senses? Friends can try it out by typing more codes themselves.

The above is the detailed content of PHP form inserting a form into a web page. For more information, please follow other related articles on the PHP Chinese website!

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template