Datryswyd: datalist html

Roedd y brif broblem yn ymwneud â'r HTML elfen yw nad yw'n cael ei gefnogi gan bob porwr. Ar hyn o bryd, dim ond Chrome, Firefox, ac Edge sy'n cefnogi'r elfen. Yn ogystal, nid yw rhai porwyr symudol yn cefnogi'r elfen ychwaith. Mae hyn yn golygu na fydd defnyddwyr ar borwyr nad ydynt yn cael eu cefnogi yn gallu defnyddio swyddogaeth rhestr ddata.

<datalist id="browsers">
  <option value="Chrome">
  <option value="Firefox">
  <option value="Internet Explorer">
  <option value="Opera">
  <option value="Safari">
</datalist>

1. Mae'r cod hwn yn creu elfen HTML o'r enw datalist, a ddefnyddir i greu rhestr o opsiynau ar gyfer maes mewnbwn.
2. Mae gan y datalist briodwedd id o "porwyr".
3. Y tu mewn i'r rhestr ddata, mae pum elfen opsiwn, pob un â phriodoledd gwerth sy'n cynnwys enw porwr gwe (Chrome, Firefox, Internet Explorer, Opera a Safari).
4. Bydd y gwerthoedd hyn yn cael eu defnyddio fel awgrymiadau pan fydd y defnyddiwr yn teipio i'r maes mewnbwn sy'n gysylltiedig â'r rhestr ddata hon.

Beth yw tag datalist

Mae'r HTML tag yn cael ei ddefnyddio i ddarparu nodwedd “awtolenwi” ymlaen elfennau. Mae'n darparu rhestr o opsiynau wedi'u diffinio ymlaen llaw i'w hawgrymu i'r defnyddiwr wrth iddynt deipio. Defnyddir yr elfen rhestr ddata i ddarparu nodwedd “awtolenwi” ymlaen elfennau. Mae'n darparu rhestr o opsiynau wedi'u diffinio ymlaen llaw i'w hawgrymu i'r defnyddiwr wrth iddynt deipio. Pan gaiff ei ddefnyddio, mae'n pennu rhestr o opsiynau a ddiffiniwyd ymlaen llaw ar gyfer a elfen. Mae'r porwr yn dangos yr opsiynau hynny sy'n berthnasol i'r hyn y mae'r defnyddiwr wedi'i deipio hyd yn hyn yn y maes mewnbwn yn unig.

Beth yw'r gwahaniaeth rhwng Datalist a dropdown

Elfen HTML yw Rhestr Ddata sy'n darparu rhestr o opsiynau i ddefnyddiwr ddewis ohonynt. Mae'n debyg i gwymplen, ond y prif wahaniaeth yw ei fod yn caniatáu i ddefnyddwyr nodi eu gwerthoedd eu hunain. Gall y defnyddiwr deipio'r maes mewnbwn a bydd y rhestr ddata yn rhoi awgrymiadau yn seiliedig ar yr hyn y mae wedi'i deipio. Mae'r gwymplen, ar y llaw arall, yn caniatáu i ddefnyddwyr ddewis o opsiynau a ddiffiniwyd ymlaen llaw yn unig. Yn ogystal, gyda rhestr ddata, gall defnyddwyr deipio unrhyw werth y maent ei eisiau hyd yn oed os nad yw wedi'i restru fel opsiwn.

Sut i ddefnyddio datalist ar ffurf HTML

Mae'r HTML defnyddir elfen i ddarparu nodwedd “awto-gwblhau” ymlaen elfennau. Fe'i defnyddir i ddarparu rhestr o opsiynau wedi'u diffinio ymlaen llaw i'r defnyddiwr wrth iddynt fewnbynnu data.

I ddefnyddio'r elfen datalist, yn gyntaf mae angen i chi greu ffurflen HTML gyda elfen a rhoi priodoledd id iddo. Yna, gallwch ychwanegu elfen datalist y tu mewn i'r ffurflen a gosod ei briodoledd rhestr sy'n hafal i id y maes mewnbwn. Y tu mewn i'r rhestr ddata, gallwch ychwanegu un neu fwy

Er enghraifft:


Swyddi cysylltiedig:

Leave a Comment