HTML用戶信息添加修改界面代碼
下面是一個(gè)HTML界面代碼,用于添加和修改用戶信息。該代碼包含了文本輸入框、下拉選擇框、單選按鈕及提交按鈕等元素,以供用戶輸入相關(guān)信息,從而完成用戶信息的添加和修改。
添加/修改用戶信息:
<form method="POST" action=""> <p>用戶名: <input type="text" name="username" value="" /></p> <p>密碼: <input type="password" name="password" value="" /></p> <p>性別: <input type="radio" name="sex" value="男" />男 <input type="radio" name="sex" value="女" />女</p> <p>年齡: <input type="text" name="age" value="" /></p> <p>職業(yè): <select name="profession"> <option value="程序員">程序員</option> <option value="設(shè)計(jì)師">設(shè)計(jì)師</option> <option value="銷售員">銷售員</option> <option value="教師">教師</option> </select> </p> <p><input type="submit" value="提交" /></p> </form>在該代碼中,我們使用了form元素來(lái)創(chuàng)建一個(gè)表單,該表單有method屬性,用于定義要使用的HTTP方法,本例中為POST;action屬性定義提交表單數(shù)據(jù)到的處理程序,本例中為空,待填寫(xiě)。該form元素包含了多個(gè)p元素,用于放置用戶輸入的相關(guān)信息,如用戶名、密碼、性別、年齡和職業(yè)等。在這些p元素中,使用了input元素來(lái)創(chuàng)建一個(gè)文本輸入框,這些元素有屬性name、value,分別用于定義輸入框的名稱和初始內(nèi)容;使用input元素來(lái)創(chuàng)建單選按鈕,屬性name用于定義一組單選按鈕的名稱,屬性value用于定義該按鈕的值;還使用了select元素和option元素來(lái)創(chuàng)建下拉選擇框,其中select元素有屬性name,option元素有屬性value和文本內(nèi)容,分別用于定義下拉選擇框的名稱、選項(xiàng)值和選項(xiàng)文本。最后,使用input元素來(lái)創(chuàng)建一個(gè)提交按鈕,用于向處理程序提交表單數(shù)據(jù)。 通過(guò)這樣的HTML界面代碼,用戶可以輕松方便地輸入并提交自己的用戶信息。