簡化輸入讓你的網(wǎng)站表單更受人喜歡

打開字庫，可以根據(jù)模糊讀音選取漢字填入輸入框。另外，姓名輸入框有校驗(yàn)，選取完成后不要忘記對輸入框內(nèi)容進(jìn)行再一次校驗(yàn)。

采用預(yù)置文字來簡化輸入經(jīng)常在手機(jī)上看到，現(xiàn)在在網(wǎng)頁上也常使用。比如微博上發(fā)言的輸入框，會保留你上一次未發(fā)出的內(nèi)容，可以重新編輯。

在網(wǎng)上也會看到把“輸入提示”與“預(yù)置文字”混用。當(dāng)然，你怎樣稱呼他們都是可以的，但要明白這是兩種交互方式。輸入提示的目的是指導(dǎo)填寫的，聚焦輸入框后文本消失；而預(yù)置文字是屬于待修改的正式內(nèi)容，字體樣式應(yīng)與正式輸入的樣式相同，聚焦后文本是不會消失的。

大部分人不喜歡填表單，因?yàn)槿藗儊淼骄W(wǎng)站，主要目的不是填表，而是瀏覽或者購買。精心設(shè)計的表單，使輸入變得流暢讓人心情愉悅，而糟糕的設(shè)計讓人扶墻吐血。那怎樣才是優(yōu)秀的表單呢？頁面的布局、邏輯組織、視覺樣式等都是值得關(guān)注的細(xì)節(jié)，其中簡化輸入是最近常被提及的.

增加輸入框高度，加粗字體，可以讓網(wǎng)頁上的輸入框看起來更容易填寫和閱讀。隨著電腦顯示器尺寸變大，這樣的輸入框也顯得更大氣。

選取內(nèi)容只要點(diǎn)幾下，就自動填充進(jìn)輸入框，不但可以減少輸入障礙，還能預(yù)防出錯?？梢园讶魏蜗Ｍ臄?shù)據(jù)做成選取器，比如日期、顏色、地址或者歷史記錄等等。

當(dāng)表單輸入遇到選填與必填難以抉擇時，考慮預(yù)置文字會是一個不錯的折中方案。比如在一個申請付款的表單中，對用戶來說主要需填寫的是“對方賬號”和“付款金額”，付款說明是一個選填項(xiàng)。但對系統(tǒng)來說，又必須采集付款說明，作為交易憑據(jù)之一，這個付款說明怎樣處理呢？比較下面3個方式，顯然復(fù)選框的方式不適合，因?yàn)橛脩羧舨惶顚懳覀兙蜔o法收集到數(shù)據(jù)，而輸入提示的方式還是需要用戶去填寫，所以意義也不大。折中了業(yè)務(wù)和用戶兩方面，預(yù)置“轉(zhuǎn)賬”兩字還是不錯的，不想填寫的人完全可以跳過它。

攝像頭讀取、語音輸入……最近，各種智能錄入方式在手機(jī)上甚是流行，網(wǎng)頁上也不甘心示弱，紛紛添加了這些功能~還有人臉識別，不知道不久后會不會流行起來呢？

現(xiàn)在比較靠譜的還是Html5提供的一些表單類型屬性。除了限制輸入類型之外還有一些有意思的設(shè)置。拖放屬性，可以從桌面上直接拖進(jìn)相應(yīng)的輸入框里。在郵箱中拖入附件，若主題為空還可自動填寫主題。而range和number屬性，可以直接替換掉輸入框，對數(shù)值輸入很有用，在chrome里顯示.

當(dāng)前名稱：簡化輸入讓你的網(wǎng)站表單更受人喜歡
分享地址：http://www.muchs.cn/news13/162013.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信小程序、自適應(yīng)網(wǎng)站、虛擬主機(jī)、企業(yè)網(wǎng)站制作、品牌網(wǎng)站建設(shè)、商城網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)