溫瑞烘老師的教學歷程檔案(Teaching ePortfolio) - 105-1-物件導向程式設計-資管二乙 - 第5週-Form表單Text元件
 

資訊管理系
副教授
温瑞烘


歷程檔案 Portfolio


關於我 About Me

第5週-Form表單Text元件

第6週 form表單 type=text

一、img語法

<img src=   width=  height=   border=  align=   alt= >

<!-- <img src='**.jpg'>內還可加入下列屬性來變化圖檔      -->

<!-- width=寬度  height=高度 border=外框粗細,無外框設成 -->

<!—border=0 或不用border                              -->

<!-- align=left(靠左)right(靠右)center(置中)             -->

<!-- alt='文字敘述'                                     -->>

<html><body>

<p><center>

 

二、超連結語法
  一般連結(不開新視窗
   <a href='http://www.cust.edu.tw'
 >中華科技大學
</a> 

  一般連結(另開新視窗
   <a href='http://www.cust.edu.tw'
 target='_blank'>中華科技大學
</a> 

三、form 表單
<!-- form1-1.htm -->

<html><body><center>
  <form method=post action=form1-2.php>
  請輸入一個整數: 
  <input type=text name='number'  size=5><p>
  <input type=submit name=command value=送出>
  <input type=reset  name=command value=清除>
  </form>
</center></body></html>

<?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"];         //   取出變數值

  echo "您的命令為 ' " . $command . " ' 輸入的字串為" . $number . "<p>";  

  echo "</ccenter></body></html>";

?>

 

 

作業:仿前述範例寫兩個程式,第一個程式網頁可以輸入

  班級  姓名  我的照片網址  我的facebook網址  我的學校網址

  第二個程式輸出  班級  姓名  並且能夠連結到

我的照片、我的facebook、與我的學校

 

全部共 0則留言
登入帳號密碼代表遵守學術網路規範
 


文章分類 Labels

 


最新文章 Top10

中華科技大學數位化學習歷程 - 意見反應