試卷

任務(wù)就這樣開始了

任務(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)簽沒有namevalue屬性,嘗試加上去
只加了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"> 一同使用。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 表單基礎(chǔ)知識(shí) 在HTML中,表單是由 元素來表示的,而在JS中,表單對(duì)應(yīng)的則是HTMLFormElement類型。...
    oWSQo閱讀 965評(píng)論 0 1
  • 前面我們已經(jīng)用html實(shí)現(xiàn)了列表和表格,戳這里列表實(shí)現(xiàn)、表格實(shí)現(xiàn)。今天,我們的任務(wù)是設(shè)計(jì)這樣一張?jiān)嚲恚?分析: 這...
    TW張苗閱讀 554評(píng)論 5 3
  • 今天我們來寫個(gè)這樣的試卷吧 來,看下這張?jiān)嚲?,恩恩,是純html滴。怎么開始寫呢?我們來分析一下: 一. 結(jié)構(gòu)是...
    星期六1111閱讀 870評(píng)論 0 3
  • 今天來使用純 HTML 實(shí)現(xiàn)一個(gè)考試試卷,如下圖 實(shí)現(xiàn)試卷的頭部 代碼: 實(shí)現(xiàn)效果如下: 實(shí)現(xiàn)第一大題 第一答題有...
    ittianbao閱讀 2,238評(píng)論 6 5
  • 作為大四即將畢業(yè)的學(xué)生,回顧了一下大學(xué)四年,竟然沒有一件可以讓我難忘的事情,可以說很失敗吧!最近參加了很多場(chǎng)招聘會(huì)...
    考拉艦隊(duì)閱讀 400評(píng)論 0 0

友情鏈接更多精彩內(nèi)容