溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

HTML5 表單驗(yàn)證

發(fā)布時(shí)間：2020-07-17 06:02:05 來(lái)源：網(wǎng)絡(luò) 閱讀：259 作者：Hello_Prudence 欄目：移動(dòng)開(kāi)發(fā)

==============================================

1.required --- 必填字段驗(yàn)證


2.minlength, maxlength --- 字符長(zhǎng)度驗(yàn)證


3.min, max --- 數(shù)值范圍驗(yàn)證  用于number,range 和日期時(shí)間類型


4.step --- 步長(zhǎng)驗(yàn)證


5.pattern --- 正則表達(dá)式驗(yàn)證


6.novalidate（form中） ---禁用表單驗(yàn)證 

  formnovalidate(submit中) ---禁用表單驗(yàn)證 


<form action=" " method="post">

    <div>用戶名：<input type="text" minlength="3" maxlength="10" required></div>

    <div>密碼：<input type="password" minlength="6" maxlength="8" required></div>

    <div>郵箱：<input type="email" pattern=" ^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$" required></div>

    <div>日期：<input type="date" min="2016-02-05" max="2017-02-05" required> </div>

    <div>訂購(gòu)數(shù)量:<input type="number" min="10" max="50" step="5" required> </div>

    <div>音量:

        <form oninput="out.value=in.value">

            <input type="range" name="in" value="0">

            <output name="out">0</output>

        </form>

    </div>

    <input type="submit">

    </form>


向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手