HTML enterkeyhint屬性用法及代碼示例

在本文中，我們將了解 HTML 中的 entrykeyhint 屬性。 enterkeyhint 屬性是一個枚舉屬性，它指定為虛擬鍵盤上的 enter 鍵顯示的操作標簽。這是全局屬性 & 允許作者自定義回車鍵的表示，以使其對用戶更有幫助。

在我們的日常生活中，我們正在使用智能手機。我們注意到手機鍵盤的回車鍵，因為它總是根據要執行的操作而變化，比如我們在打字時，有時它的行為類似於回車鍵，而且同一個鍵有時充當搜索引擎上的搜索按鈕等. 這一切都是因為 enterkeyhint 屬性。 enterkeyhint 屬性中有很多值可以根據我們在那裏指定的值工作。

用法:

<input enterkeyhint = "values">

屬性值：

done:當沒有更多內容可輸入時，輸入法編輯器將關閉。
enter:當有更多內容要寫但換行時。
go:當我們寫完表格並想繼續下一個目標或表格時。
search:當我們必須在輸入後搜索任何內容時，我們將使用它。
send:它用於發送消息。
next:它將把用戶帶到下一個接受文本的字段。
previous:它會將用戶帶到將接受文本的上一個字段。

例：此示例通過指定不同的值來描述 enterkeyhint 屬性及其用法。

HTML


<!DOCTYPE html>
<html lang="en">
  
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML enterkeyhint attributes</title>
</head>
  
<body>
    <form>
        <input placeholder="Enter button will change to Next" 
               enterkeyhint="next">
        <input placeholder="Enter button will change to previous" 
               enterkeyhint="previous">
        <input placeholder="Enter button will change to enter" 
               enterkeyhint="enter">
        <input placeholder="Enter button will change to done" 
               enterkeyhint="done">
        <input placeholder="Enter button will change to search" 
               enterkeyhint="search">
        <input placeholder="Enter button will change to go" 
               enterkeyhint="go">
        <input placeholder="Enter button will change to send" 
               enterkeyhint="send">
    </form>
</body>
  
</html>

輸出：正如您在輸出中看到的那樣，每次回車鍵圖標都會根據其屬性而變化。

輸出

支持的瀏覽器：

穀歌瀏覽器 77
火狐 94
微軟邊 79
野生動物園 13.1
Opera 66
網頁視圖 Android 77

相關用法

注：本文由純淨天空篩選整理自iamabhijha大神的英文原創作品 HTML enterkeyhint Attribute。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。