溫瑞烘老師的教學歷程檔案(Teaching ePortfolio) - 100-1 資管三乙三丙教學資源區 - 第四週 form表單 type=text
 

資訊管理系
副教授
温瑞烘


歷程檔案 Portfolio


關於我 About Me

第四週 form表單 type=text

一、img語法

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

<!-- 插入圖像要使用 <img src="**.gif **.jpg">          -->

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

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

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

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

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

<html><body>

<p><center>

中華科技大學的Logo

<img src="http://ccs.cust.edu.tw/~ven/chit.gif" width=60 height=60>

 

二、超連結語法

1.一般連結
<a href="#
錨點">網名</a>

2.一般連結(另開新視窗)
<a href="
網址" target="_blank">網名
</a>
3.
一般連結(顯示註解文字
)
<a href="
網址" title="文字敘述">網名</a>

4. 一般連結(顯示註解文字)(另開新視窗)
<a href="
網址" title="文字敘述" target="_blank">網名</a>

5.圖片連結(顯示註解文字)(另開新視窗)
<a href="
圖片位址" title="文字敘述" target="_blank">圖片名稱
</a>
6.
按圖開啟網站超連結(顯示註解文字
)
<a href="
網址"><img src="圖片位址" alt="文字敘述"></a>

7.插入E-maiil
<a href="mailto:
信箱位址 ">文字敘述</a>

三、form 表單

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

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