2017年6月18日 星期日

php基本表單

建立一個php程式  t1_post1.php


<form action="t1_post2.php" method="post">
 姓名: <input type="text" name="urname" /> <br>
 密碼: <input type="password" name="urpass" /><br>
 <input type="submit" value="送出表單"/>
</form>


建立第2個php程式  t1_post2.php
<?php
if ($_POST["urname"] <>'') {
   echo '你的名字'.$_POST["urname"].'<br>';
   echo '你的密碼'.$_POST["urpass"];
}
else {

   echo '非法留言';
}

-----------------------------------------------------
加入css風格
建立一個目錄static 裡面建立style.css檔案(常用的css語法寫入)
body            { text-align:left;font-family: sans-serif; background: #eee; }
a, h1, h2       { color: #377ba8; }
h1, h2          { font-family: 'Georgia', serif; margin: 0; }
h1              { border-bottom: 2px solid #eee; }
h2              { font-size: 1.2em; }

.page           { margin: 2em auto; width: 55em; border: 5px solid #ccc;
                  padding: 0.8em; background: white; }

---------------------------------
t1_post1.php 程式修改成以下(先引入 style.css,div class 呼叫風格)

<link rel="stylesheet" href="static/style.css" />
      <div class=page>

<form action="t1_post2.php" method="post">
 姓名: <input type="text" name="urname" /> <br>
 密碼: <input type="password" name="urpass" /><br>
 <input type="submit" value="送出表單"/>
</form>

      </div>

沒有留言:

張貼留言