国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

自學(xué)前端的小白之初次編寫(xiě)form表單的經(jīng)驗(yàn)與錯(cuò)誤總結(jié)

AaronYuan / 3077人閱讀

摘要：對(duì)我這個(gè)初學(xué)前端的小白來(lái)講，在每次編寫(xiě)標(biāo)簽的時(shí)候經(jīng)常把屬性省略掉，經(jīng)了解標(biāo)簽屬性和屬性是必須有的。五阻止表單提交以及與互換電話這是當(dāng)表單不符合要求時(shí)，阻止提交表單的代碼，但寫(xiě)表單的時(shí)候難免會(huì)用到，所以要把替換成電話提交

學(xué)了這么久的前端，一直沒(méi)有具體總結(jié)自己的經(jīng)驗(yàn)，只有一些記錄在筆記的零星經(jīng)驗(yàn)，今天來(lái)這里說(shuō)說(shuō)我在初次編寫(xiě)from表單過(guò)程中總結(jié)出的東西：

首先我個(gè)人認(rèn)為最難的也是個(gè)人認(rèn)為最重要一點(diǎn)：就是當(dāng)我們的程序發(fā)生問(wèn)題時(shí)該怎么解決？

當(dāng)編寫(xiě)一段代碼的時(shí)候，背后總有種種的元素在影響代碼的運(yùn)行效果，而導(dǎo)致錯(cuò)誤發(fā)生的最具體的原因我把它理解為問(wèn)題根源，當(dāng)根源找到之后往往所有的問(wèn)題都會(huì)迎刃而解。那怎么才能找到根源的所在呢？第一問(wèn)人，第二網(wǎng)上查，第三查書(shū)，最后一種笨方法就是把所有的影響到的元素全都找出來(lái)，一個(gè)一個(gè)修改代碼排除，往往我們所認(rèn)為正確的其實(shí)它是錯(cuò)誤的。

廢話少說(shuō)，下面來(lái)看一下我所遇見(jiàn)的問(wèn)題：

一、關(guān)于標(biāo)簽獨(dú)有屬性 
*{list-style：none;}

這段代碼是我為了省事，把list-style放到了通配符*里面，但這么寫(xiě)不對(duì)，list-style是li標(biāo)簽才有的屬性，應(yīng)該針對(duì)li把list-style定位到li:

li{list-style:none;}
二、單選按鈕能被同時(shí)選中 
男
女

上面代碼運(yùn)行的時(shí)候，會(huì)發(fā)現(xiàn)這兩個(gè)單選按鈕可以同時(shí)被選中，原因是input標(biāo)簽少了一個(gè)name屬性。對(duì)我這個(gè)初學(xué)前端的小白來(lái)講，在每次編寫(xiě)input標(biāo)簽的時(shí)候經(jīng)常把name屬性省略掉，經(jīng)了解input標(biāo)簽name屬性和type屬性是必須有的。

男
女

所以只要在input標(biāo)簽加上name屬性就不會(huì)發(fā)生單選按鈕能同時(shí)選中的尷尬。

三、設(shè)置樣式時(shí)發(fā)生沖突

我想要一個(gè)輸入框失去焦點(diǎn)的時(shí)候，如果里面的內(nèi)容為空的話，邊框變成紅色：

    
    
 
  • 
    
    
 
    •

上面的代碼并沒(méi)有實(shí)現(xiàn)預(yù)期的效果，原因是我之前寫(xiě)樣式的時(shí)候加了border:none;,還有我在判斷時(shí)出現(xiàn)了錯(cuò)誤，length是用來(lái)保存字符串的長(zhǎng)度的，不能拿來(lái)判斷value是否為空，應(yīng)該這么寫(xiě)才對(duì)：

    
    
 
  • 
    
    
 
    •
四、正則g的錯(cuò)誤使用 
    
    
 
  • 
    
    
 
    •

上面代碼是如果輸入不正確的電話號(hào)碼時(shí)input失去焦點(diǎn)時(shí)邊框變紅色，但程序運(yùn)行時(shí)我輸入正確的電話號(hào)碼，當(dāng)input失去焦點(diǎn)時(shí)邊框變黑色再次得到焦點(diǎn)然后再次失去焦點(diǎn)邊框變紅色，原因是我在寫(xiě)正則的時(shí)候用到了全局匹配g，這里g特點(diǎn)是在匹配成功后會(huì)記錄匹配成功后的位置，下一次匹配是從上一次匹配成功的末尾位置開(kāi)始匹配，所以在使用正則匹配時(shí)，如果只匹配一個(gè)結(jié)果時(shí)g就不應(yīng)該出現(xiàn)。

五、阻止表單提交以及submit與div互換

這是當(dāng)表單不符合要求時(shí)，阻止提交表單的代碼，但寫(xiě)表單的時(shí)候難免會(huì)用到ajax，所以要把submit替換成div：

    

    
    
    
提交

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/51249.html

相關(guān)文章

  • 自學(xué)前端的小白之初次編寫(xiě)form表單的經(jīng)驗(yàn)與錯(cuò)誤總結(jié)

    摘要：對(duì)我這個(gè)初學(xué)前端的小白來(lái)講，在每次編寫(xiě)標(biāo)簽的時(shí)候經(jīng)常把屬性省略掉，經(jīng)了解標(biāo)簽屬性和屬性是必須有的。五阻止表單提交以及與互換電話這是當(dāng)表單不符合要求時(shí)，阻止提交表單的代碼，但寫(xiě)表單的時(shí)候難免會(huì)用到，所以要把替換成電話提交 學(xué)了這么久的前端，一直沒(méi)有具體總結(jié)自己的經(jīng)驗(yàn)，只有一些記錄在筆記的零星經(jīng)驗(yàn)，今天來(lái)這里說(shuō)說(shuō)我在初次編寫(xiě)from表單過(guò)程中總結(jié)出的東西： 首先我個(gè)人認(rèn)為最難的也是個(gè)人認(rèn)為...

    JackJiang 評(píng)論0 收藏0

  • 自學(xué)前端的小白之初次編寫(xiě)form表單的經(jīng)驗(yàn)與錯(cuò)誤總結(jié)

    摘要：對(duì)我這個(gè)初學(xué)前端的小白來(lái)講，在每次編寫(xiě)標(biāo)簽的時(shí)候經(jīng)常把屬性省略掉，經(jīng)了解標(biāo)簽屬性和屬性是必須有的。五阻止表單提交以及與互換電話這是當(dāng)表單不符合要求時(shí)，阻止提交表單的代碼，但寫(xiě)表單的時(shí)候難免會(huì)用到，所以要把替換成電話提交 學(xué)了這么久的前端，一直沒(méi)有具體總結(jié)自己的經(jīng)驗(yàn)，只有一些記錄在筆記的零星經(jīng)驗(yàn)，今天來(lái)這里說(shuō)說(shuō)我在初次編寫(xiě)from表單過(guò)程中總結(jié)出的東西： 首先我個(gè)人認(rèn)為最難的也是個(gè)人認(rèn)為...

    cgh1999520 評(píng)論0 收藏0

  • 五萬(wàn)字15張導(dǎo)圖Java自學(xué)路線，小白零基礎(chǔ)入門(mén)，程序員進(jìn)階，收藏這篇就夠了

    摘要：本文收錄于技術(shù)專家修煉文中配套資料合集路線導(dǎo)圖高清源文件點(diǎn)擊跳轉(zhuǎn)到文末點(diǎn)擊底部卡片回復(fù)資料領(lǐng)取哈嘍，大家好，我是一條最近粉絲問(wèn)我有沒(méi)有自學(xué)路線，有了方向才能按圖索驥，事半功倍。 ...

    suosuopuo 評(píng)論0 收藏0

  • 精彩文章大合集- 收藏集 - 掘金

    摘要：發(fā)布應(yīng)用市場(chǎng)的平臺(tái)搶紅包工具紅包精靈開(kāi)源啦掘金紅包精靈，如果喜歡，點(diǎn)個(gè)開(kāi)源不易。作者將原素材文章進(jìn)行了新內(nèi)容的添加和重新排列，但是因?yàn)槲恼赂咝У拇a編寫(xiě)技巧總結(jié)前端掘金本文總結(jié)了代碼編寫(xiě)技巧，來(lái)提升你的和代碼。 收藏安卓開(kāi)發(fā)中非常實(shí)用優(yōu)秀的庫(kù)! 有圖有真相! - Android - 掘金本來(lái)是打算收藏工具類的,但轉(zhuǎn)念一想,已經(jīng)有這么多優(yōu)秀的庫(kù)了,就沒(méi)必要再去重復(fù)造輪子了,便歸納工作中比...

    ermaoL 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<