讓我是著來回答歡喜冤家的問題:html 有各叫做 label 的標籤,只要把可編輯的文字之前的提示內容放在 label 標籤內,當你按加號到可編輯的文字,導盲署並不會唸可編輯的文字,兒會把在可編輯的文字需要輸入的文字提市訊息值街朗讀出來好讓我們知道這裡該填寫什麼資料。拿本篇作者寫的程式微粒,這隻小貓原本在表單里使用的文字輸入籃的語法如下:
<p> "請輸入一個數字"
<input type=text value= 請輸入一個數字 name="go" onclick="numbers()">
注意小貓寫的上面第二行內容,這語法可能會有問題哦!因為 value 等於之後是一串問自,牠沒有用引號把這個字串包住,某些瀏覽器開啟這個網頁,可能會出現不正常的狀況。所以 value 這個屬性最好改成:
value="請輸入一個數字"
把「請輸入一個數字」用引號包住,單引號或者雙引號都行。
在文字輸入蘭使用 value 屬性,的確可以對無障礙的設計有點幫助,不過我比較喜歡把上面兩行表單內容改成以下的內容,注意哦,我把 "請輸入一個數字"這個文字訊息放到 label 標籤裡頭,目的就是為了有效解決網頁無障礙問題,修改如下:
<p> <label for="here">
"請輸入一個數字"
</label>
<input id="here" type=text name="go" onclick="numbers()">
如此當導盲數跳到此可編輯的文字的時候,牠會直接朗讀「請輸入一個數字」,這樣子網迷就可以知道此可編輯的文字該輸入的是什麼內容了。學習的故鄉許多地方也都是這樣用的。
有沒有發現?我在文字輸入框里也把 value 這個屬性拿掉了,因為既然有 label,其實就不必再使用 value 了,除非 value 另有其他的用途。
使用 label 要特別注意,除了把文字提示訊息放到 label 的開始與結束標籤之外,label 的開始標籤要使用 for 屬性,而在文字輸入籃則要增加 id 屬性,for 跟 id 等於之後的文字要依樣。例如我用的就是 "here",請多只較。
噢,太好了!這下子有人鐵定要氣死囉!喝呵!寫這篇文章絕對沒白血,超高興的也!喵嗚!
謝謝您的指教,我已經按您的意思做了修改,希望這對使用者會更有幫助,感謝!如有任何意見,歡迎留言。
還是有兩個疑問想要問一下:在可編輯的文字我把數字輸入進去之後,直接按enter好像怪怪的耶?
此外,我在按鈕按下enter以後雖然有談出小視窗告訴我輸入的數字是什麼,但我卻不知道它告訴我這個有合作用?
這還只是測試,我還沒有完全學習完。所以,請見諒。
文字輸入框恐怕不能用 onclick 這個事件也!
在文字輸入的籃位能用到的事件處理有很多,看你想要的目的是什麼?例如鍵盤視鍵、滑鼠視鍵、焦點事件等等。
哈囉!請問你已經會用變數了嗎?假如這答案是肯定劇的話,我想建議你把你寫的這篇文章再作一個小修改,會讓你日後處理更複雜的程式比較容易。
在 factor() 函式裡的 alert() 括號中有兩個參數,一個是 "您輸入的內容是" 這個字串,另一個則視網頁使用者在文字框李所輸入的內容。我建議你可以把這兩個參數分別放到兩個變數裡頭,然後用 alert() 把這兩個變數丟到螢幕上去顯示,如此程式執行比較方便,而且對於程式寫作者也比較好管理。當然你現在寫的這個程式還不大,有沒有用到變數並無太大關西,可是養成多用變數的習慣,日後要學習寫大的程式就會決得好多了。
至於變數的使用方式,假如你還不太理解,可參考三樓那位老大的程式範例。要視攬的一個自一個自敲的話,也可以把它們複製下來,再作一些修改。很多人寫程式就是這樣做的。不過初學者,我還是比較建議你一個自一個自自己敲,多一點練習的機會,日後的學習就更順利。
變數使用修改好了,我在跟你說如何處理文字框的提。你寫的這個程式,要視使用者在文字框李把資料輸入完畢,並不是在按鈕送出資料,而市直接在文字籃把資料輸入完畢舊案enter,其實這也是本能動作啦!但目前你這樣寫當然就會產生問題囉!加油!解決方法很容易,你修改以後告訴我們,大家再來一起研究看看囉!
閱讀文章〈『測試程式』〉 ---點閱次數 1
回前伊個頁面:也可以直接案倒退鍵唷!