2022-05-31 分類: 網(wǎng)站建設
打開字庫,可以根據(jù)模糊讀音選取漢字填入輸入框。另外,姓名輸入框有校驗,選取完成后不要忘記對輸入框內容進行再一次校驗。
采用預置文字來簡化輸入經(jīng)常在手機上看到,現(xiàn)在在網(wǎng)頁上也常使用。比如微博上發(fā)言的輸入框,會保留你上一次未發(fā)出的內容,可以重新編輯。
在網(wǎng)上也會看到把“輸入提示”與“預置文字”混用。當然,你怎樣稱呼他們都是可以的,但要明白這是兩種交互方式。輸入提示的目的是指導填寫的,聚焦輸入框后文本消失;而預置文字是屬于待修改的正式內容,字體樣式應與正式輸入的樣式相同,聚焦后文本是不會消失的。
大部分人不喜歡填表單,因為人們來到網(wǎng)站,主要目的不是填表,而是瀏覽或者購買。精心設計的表單,使輸入變得流暢讓人心情愉悅,而糟糕的設計讓人扶墻吐血。那怎樣才是優(yōu)秀的表單呢?頁面的布局、邏輯組織、視覺樣式等都是值得關注的細節(jié),其中簡化輸入是最近常被提及的.
增加輸入框高度,加粗字體,可以讓網(wǎng)頁上的輸入框看起來更容易填寫和閱讀。隨著電腦顯示器尺寸變大,這樣的輸入框也顯得更大氣。
選取內容只要點幾下,就自動填充進輸入框,不但可以減少輸入障礙,還能預防出錯??梢园讶魏蜗M臄?shù)據(jù)做成選取器,比如日期、顏色、地址或者歷史記錄等等。
當表單輸入遇到選填與必填難以抉擇時,考慮預置文字會是一個不錯的折中方案。比如在一個申請付款的表單中,對用戶來說主要需填寫的是“對方賬號”和“付款金額”,付款說明是一個選填項。但對系統(tǒng)來說,又必須采集付款說明,作為交易憑據(jù)之一,這個付款說明怎樣處理呢?比較下面3個方式,顯然復選框的方式不適合,因為用戶若不填寫我們就無法收集到數(shù)據(jù),而輸入提示的方式還是需要用戶去填寫,所以意義也不大。折中了業(yè)務和用戶兩方面,預置“轉賬”兩字還是不錯的,不想填寫的人完全可以跳過它。
攝像頭讀取、語音輸入……最近,各種智能錄入方式在手機上甚是流行,網(wǎng)頁上也不甘心示弱,紛紛添加了這些功能~還有人臉識別,不知道不久后會不會流行起來呢?
現(xiàn)在比較靠譜的還是Html5提供的一些表單類型屬性。除了限制輸入類型之外還有一些有意思的設置。拖放屬性,可以從桌面上直接拖進相應的輸入框里。在郵箱中拖入附件,若主題為空還可自動填寫主題。而range和number屬性,可以直接替換掉輸入框,對數(shù)值輸入很有用,在chrome里顯示.
當前名稱:簡化輸入讓你的網(wǎng)站表單更受人喜歡
分享地址:http://www.rwnh.cn/news13/162013.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供微信小程序、自適應網(wǎng)站、虛擬主機、企業(yè)網(wǎng)站制作、品牌網(wǎng)站建設、商城網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內容