任務(wù)就這樣開始了
動(dòng)手之前
- 分析這個(gè)頁面涉及哪些知識(shí)點(diǎn)
輸入框
有序排序
單選
復(fù)選
多行文本輸入框 - 我還不會(huì)的
不記得復(fù)選單選的標(biāo)簽了
多行文本輸入框怎么寫。。。 - 找教程,看demo
<input name="UML" type="radio" value=""/>這是單選噠
<input name="" type="checkbox" value=""/>這是復(fù)選噠
<textarea style="border: groove;" name="" id="" cols="30" rows="7">這是多行文本框噠 - 大體沒問題了,開始動(dòng)手吧
完成的在著呢
出現(xiàn)的問題
在寫單選框的過程中
開始寫的是<input type="radio"/> 但是這樣造成了單選不是單選。。。可以選好多個(gè)
然后又去看了幾個(gè)例子,對(duì)比才發(fā)現(xiàn)我的標(biāo)簽沒有name與value屬性,嘗試加上去
只加了name屬性就可以實(shí)現(xiàn)單選的效果了
但是只加value屬性還是不能實(shí)現(xiàn)單選
可是看教程里面的例子都是兩個(gè)屬性都有,于是乎就都加上了
查了一下是這樣的:
name 屬性用于對(duì)提交到服務(wù)器后的表單數(shù)據(jù)進(jìn)行標(biāo)識(shí),或者在客戶端通過 JavaScript 引用表單數(shù)據(jù)。
只有設(shè)置了 name 屬性的表單元素才能在提交表單時(shí)傳遞它們的值。
對(duì)于不同的輸入類型,value 屬性的用法也不同:
type="button", "reset", "submit"- 定義按鈕上的顯示的文本
type="text", "password", "hidden"- 定義輸入字段的初始值
type="checkbox", "radio", "image"- 定義與輸入相關(guān)聯(lián)的值
<input type="checkbox">和<input type="radio">中必須設(shè)置 value 屬性。
value屬性無法與<input type="file">一同使用。