enterkeyhint

나는 방금 최근에 폼 입력에 대한 enterkeyhint 속성을 배웠다. HTML Form Markup을 제작하는 것은 프론트 엔드 개발자의 수명의 괜찮은 조각이기 때문에이 속성은 거의 모든 입력에 사용할 수 있기 때문에 나에게 큰 문제처럼 보입니다.

EnterkeyHint 속성은 모바일 키보드의 액션 키를 변경하여 텍스트/감당량을 변경합니다. Stefan Judis는 2020 년 부터이 트윗에서 멋지게 철자합니다.

그러니 다음과 같은 형태가 있다고 말합니다.

 
  
    이름:
    
  레이블>
  
    좋아하는 노래 :
    <textarea name="songs"> </textarea>
  레이블>
   저장 

사용자 경험은 "저장"이라는 형태를 제안하지만 내 손의 iPhone에서 기본적으로 키보드의 파란색 버튼은…

그것은 재앙이나 아무것도 아니지만 지금은 해당 버튼에 대한 몇 가지 옵션이 있습니다. 나는 이것을 사양에서 훔쳐서“입력 양식”이라고 지칭 할 것이다.

진지한 웹 전문가로서 EnterkeyKint = "Poop"을 시도했지만 아아, 브라우저에서 존중하지 않았습니다. 안드로이드에서 액션 버튼은 항상 텍스트로 바뀌지 않고 아이콘을 사용합니다. 따라서 값을 보내려면 "보내기"레이블 대신 작은 종이 비행기 아이콘을 얻습니다. 그렇습니다. 똥은 분명히 바뀌었을 것입니까?

위의 작은 형태 예제의 경우… 변경하려면 모든 대화식 양식 요소에 대한 속성을 추가합니다.

 
  
    이름:
    
  레이블>
  
    좋아하는 노래 :
    <textarea name="songs" enterkeyhint="done"> </textarea>
  레이블>
  <button enterkeyhint="done"> 저장 </button>

이 속성은 양식 입력에 직접 사용되므로 특히 더 긴 형태로 모든 입력에 대해 약간 반복적 인 느낌이 듭니다. 그러나 어떤 입력이 집중되는지에 따라 변경할 수있는 기회를 제공합니다.

저장은 유효한 옵션이 아니라는 것을 알았습니다. 많은 형태가 제공 할 것 같은 느낌이 들기 때문에 이상해 보입니다. 아마도 웹 플랫폼은 사용자에게 시행 할 수없는 것을 알려주는 것을 제공하고 싶지 않을 것입니다. 그래도 그 사실이 확실하지 않습니다. 왜냐하면 당신이 다음이나 이전에 넣는 경우 동작을 전혀 바꾸지 않으면, 당신이하고 싶은 일이 다음 또는 이전 입력으로 초점을 이동하는 것이라면 스스로 코딩해야합니다 . 기본적으로 작업 버튼은 평소와 같이 양식을 제출합니다.

Stefan이 최근에 Firefox가 지금이 기능을 지원하고 있다고 트윗 하여이 기능에 대한 완벽한 지원을 제공한다고 트윗 하면서이 모든 것을 발견했습니다. 이 기능은 모바일 브라우저 (또는 가상 키보드를 지원하는 브라우저) 와만 관련이 있으므로 Firefox Mobile이 존재한다고 생각했습니다. 나는 모든 브라우저가 iOS (?)의 사파리라는 사실에 너무 익숙합니다. 그러나 Android에서는 "실제"Firefox를 사용할 수 있습니다. 이는 다른 모바일 브라우저가 존재할뿐만 아니라 다른 모바일 브라우저도 다른 동작을 가지고 있음을 상기시켜줍니다.

이 비디오에서는 EnterkeyHint에 대한 지원을 전했습니다. 첫 번째 입력에 중점을두면 (직접 제출할 수있는 방법이 없음) 가상 키보드가 다음에 자동으로 UI를 제공하는 방법에 유의하지만 두 번째 (및 마지막)에서는 조치가 제출 버튼으로 바뀝니다 (및 "이전"버튼이 없습니다). 이것은 제공되는 모든 것이 키보드 자체 위에있는 위아래로 화살표가 거의없는 입력 사이의 탐색입니다.

대체로, 우리가 동작과 일치하도록 만든 대부분의 HTML 양식에서 사용하지 않더라도 적어도 우리 모두가 잘 알고 있어야하는 꽤 멋진 기능입니다.

위 내용은 enterkeyhint의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!