Click here to
get yummy grain feed
delivered to your RSS oven

rss

  • Businesswing Design BLOG
  • Assist to join the global market.
4-2-4按鈕元件

Date:四月 6, 2010 | Author:bwingnet

前面提到那麼多的元件,但卻沒有提到按鈕。表單上若沒有按鈕,表單上的資料仍可以送出,只是要另外寫java script語法處理,會比較麻煩。<input type="submit">這一個按鈕元件會將表單內所有資料會送至表單的action指定的位置,而<input type=" reset ">按鈕元件則會取消表單上所有的資料。

submit與reset按鈕都有固定的功能,但如果想要一個按鈕,但想要自訂功能,那該怎麼辦呢?您可以有兩種方式設計,第一種是圖形化的按鈕:<input type="image" src="圖片名稱" onclick="按下後的動作">

+Read more

Post to Twitter Post to Plurk Post to Yahoo Buzz Post to Delicious Post to Digg Post to Facebook Post to MySpace Post to Ping.fm Post to Reddit Post to StumbleUpon

  Categories: 網頁程式PHP,網頁設計 | Tags: , , ,
        
4-2-3 下拉式選單

Date:四月 6, 2010 | Author:bwingnet

選擇鈕與核選框雖然方便,倘若資料項目多,使用起來仍不方便,網頁上會佈滿選擇鈕或核選框,那有沒有更方便的方法呢?有的,透過下拉式選單的方式

+Read more

Post to Twitter Post to Plurk Post to Yahoo Buzz Post to Delicious Post to Digg Post to Facebook Post to MySpace Post to Ping.fm Post to Reddit Post to StumbleUpon

  Categories: 網頁程式PHP,網頁設計 | Tags: , , ,
        
4-2-2 選擇鈕與核選框

Date:四月 6, 2010 | Author:bwingnet

假設您要設計一個血型運勢分析的網頁,要讓網友輸入血型,您要讓他用單行文字框的方式輸入嗎?當然您可以這麼做,可是網頁上您必須寫若干的語法,判斷網友輸入的資料,是不是A、B、O、AB等四種血型,這樣網頁是不是會很複雜呢?而且,若網頁上都是單行文字框或多行文字框,大家在網頁上填寫資料好像在練習打字,很快地網頁瀏覽人數就會大幅下降。所以網頁表單上可提供固定的資料讓網友們挑選,若網頁上提供的是單選,我們得提供選擇鈕,若網頁上的選項是可複選,我們提供核選框。針對不同的資料,提供不同的網頁表單元件。

我們來看若要設計一個可選擇性別與血型的表單,那該如何做呢?

<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>選擇鈕</title></head>
<body><form name="form3" method="get" action="3.php" charset="utf-8">
性別:<input type="radio" name="sex" value="boy">男
<input type="radio" name="sex" value="girl">女<br>
血型:<input type="radio" name="blood" value="O">O
<input type="radio" name="blood" value="A">A
<input type="radio" name="blood" value="B">B
<input type="radio" name="blood" value="AB">AB<br>
<input type="submit"><input type="reset">
</form></body></html>
+Read more

Post to Twitter Post to Plurk Post to Yahoo Buzz Post to Delicious Post to Digg Post to Facebook Post to MySpace Post to Ping.fm Post to Reddit Post to StumbleUpon

  Categories: 網頁程式PHP,網頁設計 | Tags: , , ,
         top