Sobes.tech
Junior

HTML5-де <datalist> элементі не是什么?

sobes.tech AI

AI-дан жауап

<datalist> - бұл HTML элементі, ол <input> элементі үшін алдын ала анықталған опциялар тізімін ұсынады.

Негізгі сипаттамалары:

  • Ол <input>-пен list атрибуты арқылы байланысады (<input list="меніңОпциялар">).
  • Ол <option> элементтерін қамтиды, әрқайсысы бір опцияны білдіреді.
  • Ол өзі көрсетілмейді, <input> үшін деректер көзін қызмет етеді.
  • Бұл <input>-ке енгізу кезінде мүмкін болатын мәндердің тізімін көрсететін ашылмалы тізімді ұсынады.
  • Бұл <datalist>-те жоқ мәндерді енгізуге мүмкіндік береді, ал <select> элементтері тек алдын ала анықталған опциялармен шектеледі.

Пайдалану мысалы:

<!-- `<input>`-ті `browserOptions` идентификаторы бойынша `datalist`-пен байланыстыру -->
<input list="browserOptions" name="browser">

<datalist id="browserOptions">
  <option value="Chrome">  <!-- Бір опция -->
  <option value="Firefox">
  <option value="Safari">
  <option value="Edge">
  <option value="Opera">
</datalist>