第5週-Form-Text文字輸入框<?php //form 1-1.php
echo "<html>"; // HTML 開始
echo "<body>"; // 本體
echo "<center>"; // 置中
echo "<form method=post action=form1-2.php>";
// post 表示不顯示在url get 表示顯示在url
// action 表要呼叫的程式
echo "請輸入一個整數";
echo "<input type=text name='number' size=5>";
// text 文字輸入框
// name=number 變數名稱為 number
// size=5 可輸入5個字元
echo "<p>";
echo "<input type=submit name=command value=送出>";
// submit 命令按鈕 顯示送出 變數名稱為command
echo "<input type=reset name=command value=清除>";
// reset 清除按鈕 顯示清除 變數名稱為command
echo "</form>"; // 表單結束
echo "</center> "; // 置中結束
echo "</body>"; // 本體結束
echo "</html>"; // HTML結束
"?>";
<?php //form1-2.php
echo "<html><body><center>";
$command=$_POST['command']; // 取出命令
$number=$_POST["number"]; // 取出變數值
if ($number=="") {
echo "請回前頁輸入字串"); die();
}
echo "您的命令為 ' " . $command . " ' 輸入的字串為" . $number . "<p>";
echo "</ccenter></body></html>";
?>
作業：仿前述範例寫兩個程式，第一個程式網頁可以輸入
班級 姓名 我的照片網址 我的學校網址 等四個輸入框
第二個程式輸出 班級 姓名 並且能夠連結到
我的照片(使用 <a href >標籤)或直接顯示照片(使用<img>標籤, 與我的學校,
請使用Table來美化版面 利用javascript檢查是否輸入
<?php
echo "<html><head><title>Form - Text 範例</title>
<script type='text/javascript'>
function check() {
var str=document.getElementById('str').value;
str=str.replace('/^\s+|\s+$/gm','');
if (str=='') {
alert('必須輸入'); return false;
} else return true;
}
</script></head><body><center>
<form method=post action=form1-2.php>
請輸入一個字串
<input type=text id='str' name='str'><p>
<input type=submit name=command value=送出 onclick='return check();' >
<input type=reset name=command value=清除>
</form></center></body></html>";
?>
| 
