Bagaimana untuk menggunakan jenis input carian dalam HTML?
Internet menyediakan kami banyak perkhidmatan yang boleh kami akses melalui laman web masing-masing. Banyak kali, kita perlu mencari maklumat mengenai topik tertentu. Untuk melakukan carian di Internet, kita boleh membuat enjin carian seperti Google, Yahoo, Ask, Bing dan lain-lain. Anda mesti memerhatikan kotak teks yang tersedia untuk memasukkan kata kunci carian. Kami menaip kata kunci dan ia membawa kami ke halaman seterusnya di mana hasil yang dipadankan, yang diambil dari pelayan, dipaparkan. Apabila kami mereka bentuk borang dalam HTML untuk menangkap data daripada pengguna, kami menggunakan beberapa kawalan. Kami juga boleh membuat kotak teks dalam bentuk HTML yang boleh berkelakuan seperti medan carian dan kami boleh melakukan carian Google.
Untuk membuat kawalan sedemikian, kami menggunakan teg dalam HTML dalam borang. Ia kelihatan seperti kotak teks biasa, tetapi ia mampu melakukan carian tapak.
让我们来看一个基本的SEARCH控件程序。
示例
<html>
<head><title></title>
<script>
function show(){
s=searchForm.searchField.value;
document.write("You have searched for "+s);
}
</script>
</head>
<body>
<form id="searchForm">
<label for="sea">Search for : <label>
<input type="search" name="searchField">
<br><br>
<input type="submit" value="Search" onclick="show()">
</form>
</body>
</html>
这个程序将使用JavaScript代码在下一页上显示搜索到的文本。
您可能在使用Google时注意到，默认情况下搜索框中会出现一些文本，###纜🎜🎉示例
要做到这一点，我们可以在标签中使用PEMEGANG TEMPAT属性。让我们看一东。
<html>
<body>
<form id="searchForm">
<label for="sea">Search for : </label>
<input type="search" name="searchField" placeholder="Type URL">
<br><br>
<input type="submit" value="Search" onclick="show()">
</form>
</body>
</html>
NILAI ATRIBUTI的中文翻译为：
NILAI属性Untuk menetapkan nilai lalai dalam kotak carian, anda boleh menggunakan atribut VALUE dalam tag.
这是一个非常有趣的属性，可以在标签中使用，那就是#🎜🎜可以在标签中使用，那就是#🎜🎜朎城朎圎可在在在天服性可以打开或关闭拼写检查功能。如果它是#🎜 🎜#ON
，它将在拼写错误的单词下显示红色波浪线，但如果它是#🎜#🎜，#OFF#🎜，#OFF地忽略拼写错误。默认情况下，semak ejaan属性设置为palsu。
Jadi, mari kita lihat bagaimana kita boleh menggunakan atribut ini.Contoh
<html>
<body>
<form id="searchForm">
<label for="sea">Search for : </label>
<input type="search" name="searchField"><br><br>
<input type="submit" value="Search" onclick="show()">
</form>
</body>
</html>
OR
<html>
<body>
<form id="searchForm">
<label for="sea">Search for : </label>
<input type="search" name="searchField" spellcheck=false><br><br>
<input type="submit" value="Search">
</form>
</body>
</html>
Dalam kedua-dua kes, atribut semakan ejaan adalah MATI iaitu palsu. Dalam keadaan ini, ia akan mengabaikan ralat. Katakan, kami memasukkan "Heaith" dalam kotak carian sedangkan ejaan yang betul ialah "Kesihatan". Tetapi ia tidak menunjukkan sebarang garis beralun di bawah perkataan.
Sekarang marilah kita menjadikannya benar dan lihat hasilnya.Contoh
<html>
<body>
<form id="searchForm">
<label for="sea">Search for : </label>
<input type="search" name="searchField" spellcheck=true><br><br>
<input type="submit" value="Search">
</form>
</body>
</html>
Kami juga boleh mengehadkan bilangan minimum dan maksimum aksara dalam medan carian dengan bantuan atribut
MINLENGTHdan
MAXLENGTH. Katakan dalam contoh, di mana pengguna perlu menaip/mencari nombor kemasukan untuk institusi tertentu, ia boleh menerima minimum 4 aksara dan maksimum 6 aksara. Tetapi jika anda tidak akan meletakkan sekatan, pengguna boleh menaip data pada sebarang panjang.
Contoh
<html>
<body>
<form id="searchForm">
<label for="reg">Type Admission Number : </label>
<input type="search" name="adm" minlength="4" maxlength="6"><br><br>
<input type="submit" value="Search">
</form>
</body>
</html>
Ia menunjukkan ralat pada halaman kerana pengguna belum memasukkan panjang minimum data. Dan jika anda cuba melebihi had maksimumnya, ia tidak akan membenarkan untuk menaip. 我们还可以通过使用SIZE属性来控制文本框的宽度。而且，我们还可以们还可以们还可以们还可以们还可以们还可以们还可以们还可以们还可以们还可以们还可以们还可以们还可以使羨过置为必填字段。示例
<html>
<body>
<form id="searchForm">
<label for="reg">Type Admission Number : </label>
<input type="search" name="adm" minlength="4"
maxlength="6" size="6" required><br><br>
<input type="submit" value="Search">
</form>
</body>
</html>
观察到盒子的大小现在减小了，如果您将其留空，将显示错误。
Atas ialah kandungan terperinci Bagaimana untuk menggunakan jenis input carian dalam HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Apakah tujuan tag HTML?Apr 28, 2025 am 12:02 AMHtmltagsareessentialforstructuringwebpages, enhancingaccessibility, seo, andperformance.1) theyareNenclosedinanglebracketsandusedInpairstocreateahierarchicalstructure.2) SemantictagslikeAndimproveuseSexperienceAndrapher
Apakah tag penutup diri? Beri contoh.Apr 27, 2025 am 12:04 AMSelf-closingtagsinhtmlandxmlaretagsthatclosethem sendiriwithoutneedingaseparateClosingtag, smadriflifymarkupstructureandenhancingcodingeficiency.1) theareessentialinxmlforelementSwithoutContent, Memastikan-pembentukan-pembentukan
Beyond HTML: Teknologi Penting untuk Pembangunan WebApr 26, 2025 am 12:04 AMUntuk membina laman web dengan fungsi yang kuat dan pengalaman pengguna yang baik, HTML sahaja tidak mencukupi. Teknologi berikut juga diperlukan: JavaScript memberikan laman web dinamik dan interaktif, dan perubahan masa nyata dicapai dengan mengendalikan DOM. CSS bertanggungjawab untuk gaya dan susun atur laman web untuk meningkatkan estetika dan pengalaman pengguna. Rangka kerja moden dan perpustakaan seperti React, Vue.js dan sudut meningkatkan kecekapan pembangunan dan struktur organisasi kod.
Apakah atribut Boolean dalam HTML? Beri beberapa contoh.Apr 25, 2025 am 12:01 AMAtribut Boolean adalah atribut khas dalam HTML yang diaktifkan tanpa nilai. 1. Atribut Boolean mengawal tingkah laku elemen dengan sama ada ia wujud atau tidak, seperti dilumpuhkan melumpuhkan kotak input. 2. Prinsip kerja mereka adalah untuk mengubah tingkah laku elemen mengikut kewujudan atribut apabila penyemak imbas. 3. Penggunaan asas adalah untuk menambah atribut secara langsung, dan penggunaan lanjutan dapat dikawal secara dinamik melalui JavaScript. 4. Kesalahan umum adalah tersilap berfikir bahawa nilai -nilai perlu ditetapkan, dan kaedah penulisan yang betul harus ringkas. 5. Amalan terbaik adalah untuk memastikan kod ringkas dan menggunakan sifat Boolean dengan munasabah untuk mengoptimumkan prestasi laman web dan pengalaman pengguna.
Bagaimana anda boleh mengesahkan kod HTML anda?Apr 24, 2025 am 12:04 AMKod HTML boleh menjadi bersih dengan pengesahan dalam talian, alat bersepadu dan proses automatik. 1) Gunakan W3CMarkupValidationService untuk mengesahkan kod HTML dalam talian. 2) Pasang dan konfigurasikan sambungan HTMLHINT dalam visualStudiocode untuk pengesahan masa nyata. 3) Gunakan HTMLTidy untuk mengesahkan dan membersihkan fail HTML secara automatik dalam proses pembinaan.
HTML vs CSS dan JavaScript: Membandingkan Teknologi WebApr 23, 2025 am 12:05 AMHTML, CSS dan JavaScript adalah teknologi teras untuk membina laman web moden: 1. HTML mentakrifkan struktur laman web, 2. CSS bertanggungjawab untuk kemunculan laman web, 3.
Html sebagai bahasa markup: fungsinya dan tujuannyaApr 22, 2025 am 12:02 AMFungsi HTML adalah untuk menentukan struktur dan kandungan laman web, dan tujuannya adalah untuk menyediakan cara yang standard untuk memaparkan maklumat. 1) HTML menganjurkan pelbagai bahagian laman web melalui tag dan atribut, seperti tajuk dan perenggan. 2) Ia menyokong pemisahan kandungan dan prestasi dan meningkatkan kecekapan penyelenggaraan. 3) HTML adalah diperpanjang, membolehkan tag tersuai untuk meningkatkan SEO.
Masa Depan HTML, CSS, dan JavaScript: Trend Pembangunan WebApr 19, 2025 am 12:02 AMTrend masa depan HTML adalah semantik dan komponen web, trend masa depan CSS adalah CSS-in-JS dan CSShoudini, dan trend masa depan JavaScript adalah webassembly dan tanpa pelayan. 1. Semantik HTML meningkatkan kebolehcapaian dan kesan SEO, dan komponen web meningkatkan kecekapan pembangunan, tetapi perhatian harus dibayar kepada keserasian penyemak imbas. 2. CSS-in-JS meningkatkan fleksibiliti pengurusan gaya tetapi boleh meningkatkan saiz fail. Csshoudini membolehkan operasi langsung rendering CSS. 3.Webassembly mengoptimumkan prestasi aplikasi penyemak imbas tetapi mempunyai keluk pembelajaran yang curam, dan tanpa pelayan memudahkan pembangunan tetapi memerlukan pengoptimuman masalah permulaan sejuk.
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!
Artikel Panas
Alat panas
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
mPDF
mPDF ialah perpustakaan PHP yang boleh menjana fail PDF daripada HTML yang dikodkan UTF-8. Pengarang asal, Ian Back, menulis mPDF untuk mengeluarkan fail PDF "dengan cepat" dari tapak webnya dan mengendalikan bahasa yang berbeza. Ia lebih perlahan dan menghasilkan fail yang lebih besar apabila menggunakan fon Unicode daripada skrip asal seperti HTML2FPDF, tetapi menyokong gaya CSS dsb. dan mempunyai banyak peningkatan. Menyokong hampir semua bahasa, termasuk RTL (Arab dan Ibrani) dan CJK (Cina, Jepun dan Korea). Menyokong elemen peringkat blok bersarang (seperti P, DIV),
DVWA
Damn Vulnerable Web App (DVWA) ialah aplikasi web PHP/MySQL yang sangat terdedah. Matlamat utamanya adalah untuk menjadi bantuan bagi profesional keselamatan untuk menguji kemahiran dan alatan mereka dalam persekitaran undang-undang, untuk membantu pembangun web lebih memahami proses mengamankan aplikasi web, dan untuk membantu guru/pelajar mengajar/belajar dalam persekitaran bilik darjah Aplikasi web keselamatan. Matlamat DVWA adalah untuk mempraktikkan beberapa kelemahan web yang paling biasa melalui antara muka yang mudah dan mudah, dengan pelbagai tahap kesukaran. Sila ambil perhatian bahawa perisian ini
Penyesuai Pelayan SAP NetWeaver untuk Eclipse
Integrasikan Eclipse dengan pelayan aplikasi SAP NetWeaver.
VSCode Windows 64-bit Muat Turun
Editor IDE percuma dan berkuasa yang dilancarkan oleh Microsoft
