輸入框設計
㈠ 網站或APP文本輸入框設計有哪些規則呢
1、清晰的文本標簽
2、合理的輸入框尺寸
如果你的輸入框尺寸是按照輸入內容的長短、尺寸來設計的話，會更加適宜用戶閱讀和輸入。
更多UI設計知識，請咨詢華南電腦學校。
3、輸入框焦點
對於輸入框，當用戶選中准備輸入的時候，應當提供清晰的視覺提示，比如外發光的輸入框，或者閃動的游標，都行。
4、輸入提示
數據的呈現方式多種多樣。所以，當你在設計輸入框的時候，應當與用戶輸入信息的類型、格式相互匹配。不過要做到完全的對應並不容易。
5、幫助信息
幫助信息(或相關文字)應當出現在需要的地方。一般說來，這類幫助信息最好不要超過100字。
6、僅限移動端：鍵盤類型與文本輸入的匹配
在APP上用戶常常要輸入不同類型的文本，當輸入框需要輸入數字的時候，結果彈出的是全鍵盤自然不方便，而需要輸入文本的時候則出現數字鍵盤就更加不合適了。
7、可訪問性
目標：確保不同狀況的用戶都能無障礙地、輕松瀏覽和填寫輸入框。
8、避免使用大寫文本標簽
永遠不要使用全部是大寫字母的文本標簽，這樣的標簽通常都很難快速瀏覽，因為字母的大小高度都是一致的，對於非英語言國家的用戶尤其麻煩。
9、字體尺寸
在設置字體尺寸的時候，應該確保字體足夠大，盡量讓它們清晰可辨。網頁上設置正文字體的時候，最安全的選擇是16px，當然，大小的選取主要還是取決於實際的頁面設計，如果識別性問題，應當適當調大一些。
10、標簽顏色
標簽的色彩應當依從於你的APP或者網頁的整體配色方案，並且確保對比度(不能太暗，也別太耀眼)。
㈡ 如何設計移動端的文本輸入框
一般有2種方法使來input文本框不可編源輯：
- disabled 屬性規定應該禁用 input 元素
被禁用的 input 元素既不可用，也不可點擊。可以設置 disabled 屬性，直到滿足某些其他的條件為止（比如選擇了一個復選框等等）。然後，就需要通過 JavaScript 來刪除 disabled 值，將 input 元素的值切換為可用。
disabled 屬性無法與 <input type="hidden"> 一起使用。
<input type="text" disabled="disabled" /> - readonly 屬性規定輸入欄位為只讀
只讀欄位是不能修改的。不過，用戶仍然可以使用 tab 鍵切換到該欄位，還可以選中或拷貝其文本。readonly 屬性可以防止用戶對值進行修改，直到滿足某些條件為止（比如選中了一個復選框）。然後，需要使用 JavaScript 消除 readonly 值，將輸入欄位切換到可編輯狀態。readonly 屬性可與 <input type="text"> 或 <input type="password"> 配合使用。
<input type="text" readonly="readonly">
㈢ java中用Swing設計多文本輸入框界面的方法
我給你個建議， 你可以用選項卡的方式來實現，你把所有的參數分類，按照類別去建立相關的選項卡，在選項卡裡面去載入你相應的參數輸入對象（text）
㈣ dwcs5網頁設計怎麼做輸入框
<form>
<input type="text" value="dw5怎樣做文本輸入框" name="names" />
<input type="submit" value="網路一下" />
</form>
這樣的代碼就是專一個上圖的輸入框
<input type="text" 就是前屬面輸入的那文本框
<input type="submit" 就是後面的按鈕
在DW可以通過插入面板 - 表單 然後選擇你想建立的輸入框（有很多種哦）
而且可以通過CSS樣式來控制他們的外貌
純手打 希望採納
㈤ 對於窗口有輸入框怎麼編寫測試用例
等價類、邊界值、猜測法
1.如何對文本框進行測試:
a,輸入正常的字母或數字。
b,輸入已存在的文件的名稱；
c,輸入超長字元。例如在「名稱」框中輸入超過允許邊界個數的字元，假設最多255個字元，嘗試輸入256個字元，檢查程序能否正確處理；
d,輸入默認值，空白，空格；
e,若只允許輸入字母，嘗試輸入數字；反之；嘗試輸入字母；
f,利用復制，粘貼等操作強制輸入程序不允許的輸入數據；
g,輸入特殊字元集，例如，NUL及
等；
h,輸入超過文本框長度的字元或文本，檢查所輸入的內容是否正常顯示；
i,輸入不符合格式的數據，檢查程序是否正常校驗，如，程序要求輸入年月日格式為yy/mm/dd，實際輸入yyyy/mm/dd，程序應該給出錯誤提示。
2.在測試過程中所用到的測試方法：
1,輸入非法數據；
2,輸入默認值；
3,輸入特殊字元集；
4,輸入使緩沖區溢出的數據；
5,輸入相同的文件名；
3.命令按鈕控制項的測試
測試方法：
a,點擊按鈕正確響應操作。如，單擊確定，正確執行操作；單擊取消，退出窗口；
b,對非法的輸入或操作給出足夠的提示說明，如，輸入月工作天數為32時，單擊「確定」後系統應提示:天數不能大於31；
c,對可能造成數據無法恢復的操作必須給出確認信息，給用戶放棄選擇的機會。
㈥ 多個輸入框怎麼設計ui
你的意思是設計頁面時文本框里木有文本，而是在頁面載入的時候向裡面放入東西嗎？那裡可以在後台頁面的Page_Load事件裡面寫 textbox1.text=「你要放入的值";
㈦ 如何設計一個網頁只有一個輸入框，使網頁可以保存用戶輸入的信息並保存為txt
在客戶端按鈕頁面寫入點擊事件:將文本框內容獲取後用get或post發送給服務端接收頁面，再由接收頁面用方法保存為服務主端txt文件
㈧ 網頁設計想做個文本輸入框，輸入的時候是從頂部開始輸入，不是開始就居中輸入的，求代碼。
單行文本復
<input type="text" style="height:50px; width:200px;" />
PS：這種制寫法只對IE6\7\8 開始不居中輸入
多行文本
<textarea style="width:200px; height:50px;"></textarea>
㈨ 我想在VB中設計一個輸入框，輸入一些待設置的參數，比如質量，角度什麼的，該怎麼做啊
先把質量，長度等要輸入的東西都放到一個SetupForm上
然後有command1的那個form，在click事件里版寫上
SetupForm setupFrm = new SetupForm ()
setupFrm.show();
這樣就會權彈出框了
不然你就這樣寫:
dim a as Integer
dim b as Integer
a = InputBox("質量")
b = InputBox("長度")
㈩ 網頁設計輸入框問題
用戶名那個如果用html的要用html才有
<inputid="u_email"name="u_email"type="email"/>
即時提醒錯誤的用js可以
<scripttype="text/javascript">
$(".username").blur(function(){
if($(".username").val()==""){
$(".username").after("<span>用戶名不能內為空</span>");
}
});
</script>
望採納！容