웹 페이지에 양식을 삽입하는 PHP 양식-PHP 튜토리얼-php.cn

웹 페이지에 양식을 삽입하는 PHP 양식

伊谢尔伦

풀어 주다： 2023-03-07 14:36:01

원래의

2810명이 탐색했습니다.

일반 웹 페이지에 양식을 삽입하는 방법은 다음과 같습니다. 여기에서 비교적 완전한 양식이 생성되고 기본적으로

양식에 일련의 양식 요소와 속성을 추가합니다. 여기에서는 일부 CSS 스타일을 양식 태그에 추가하여 친구들에게 페이지를 더욱 멋지게 보이게 합니다.

<!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>

로그인 후 복사

참고: 이 양식에는 한 줄 텍스트 상자, 여러 줄 텍스트 상자, 단일 옵션(라디오), 다중 옵션(체크박스) 및 다중 옵션(체크박스)과 같은 일반적인 양식 요소가 포함되어 있습니다. 메뉴를 선택하세요.

maxlength는 이름 및 비밀번호 텍스트 상자와 관련된 속성으로, 사용자 비밀번호의 최대 길이를 100자로 제한합니다.

목록 상자는 목록 메뉴이며 이름이 지정된 속성에는 선택을 위한 고유한 값이 있습니다. 선택됨은 특정 속성 선택 요소입니다. 이 속성과 함께 옵션이 첨부되면 해당 항목이 표시될 때 첫 번째 항목으로 나열됩니다.

소개 텍스트 상자의 내용은 행과 열에 따라 텍스트, 행 및 열 너비를 표시합니다.

체크된 태그는 기본적으로 선택되어 있는 단일 옵션과 다중 옵션의 특정 값을 의미합니다.

이 파일을 index.php 페이지로 저장하세요.

위 파일의 양식은 POST 메서드를 사용하여 데이터를 전송하므로 사용자가 제출한 데이터는 $_POST 또는 $_REQUEST의 슈퍼 전역 배열에 저장됩니다. $_POST 배열을 사용하십시오. 의 값은 제출된 데이터를 처리할 수 있습니다. 양식 데이터를 얻는 방법은 나중에 자세히 소개하겠습니다. POST 방법은 method="post"에서 선택합니다. 양식은 애플리케이션에서 양식 데이터를 얻을 때 가장 기본적인 작업이므로 친구 여러분은 양식 뒤에 있는 과정 소개를 주의 깊게 살펴보시기 바랍니다.

참고: 이 페이지는 PHP 스크립트를 사용하지 않으므로 이 웹 페이지는 정적 페이지입니다. .html 형식으로 저장한 다음 브라우저를 사용하여 직접 파일을 열 수 있습니다. 실행 결과를 확인하세요.

브라우저에 주소를 입력하고 Enter 키를 누르면 실행 결과는 다음과 같습니다.

웹 페이지에 양식을 삽입하는 PHP 양식