實施範例23

23.使用帶有選擇性的按鈕來執行動作

這項技巧目的是讓用戶可以選擇需要執行的動作。用戶可以審視所選擇的項目,即使選取了錯誤的值,動作也不會立即執行。直至他們滿意其所選擇的項目為止,才按下按鈕來執行動作。
網頁設計者應盡量避免使用自動選擇/無須確定而便即時作用的選擇項,例如沒有提交按鈕的下拉式方塊。

範例:選擇執行的動作。

在例子裡的select元素包含了數個動作的選擇,當用戶按下"Do It"按鈕,所選的動作才會執行。

範例代碼:

<form action="http://somesite.com/action" method="post">
<label for="action">Options:</label>
<select name="action" id="action">
<option value="help">Help</option>
<option value="reset">Reset</option>
<option value="submit">Submit</option>
</select>
<button type="submit" name="submit" value="submit">Do It </button>
</form>