Apakah sifat yang terdapat pada kotak input teks HTML/CSS?

Atribut kotak input teks ialah: 1. terima, yang menentukan jenis fail yang dihantar melalui muat naik fail; 2. alt, yang mentakrifkan teks alternatif untuk input imej; keadaan dilumpuhkan; 4. pembentukan , menetapkan URL fail yang memproses kawalan input apabila borang diserahkan; lebar yang boleh dilihat dalam kawasan teks 7. baca sahaja , sama dengan status baca sahaja.

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.

Dalam HTML/CSS, terdapat dua jenis kotak input teks:

• input: kotak input teks satu baris

• kawasan teks : Kotak input teks berbilang baris

Mari kita bincangkan tentang sifat yang disokong oleh dua kotak input ini.

Atribut kotak input input Teg

<input> menentukan medan input di mana pengguna boleh memasukkan data.

kaedah borangformnovalidateformtargetframenamepemegang tempatteksdiperlukanURLnombortaipkotak semaktarikhtarikh masa-tempatane-melfail imejradio
julat
set semula
cari
serahkan
tel
teks
masa
url
minggu

Atribut	Nilai	Penerangan
terima	audio/* video/* image/*MIME_type	Menentukan jenis fail yang diserahkan melalui muat naik fail. (hanya untuk type="file")
sejajarkan	kiri betul atas tengah bawah	HTML5 sudah lapuk dan tidak digunakan lagi. Menentukan penjajaran input imej. (hanya untuk jenis="imej")
alt	teks	Tentukan teks alternatif untuk imej input . (hanya untuk jenis="imej")
autolengkap	dihidupkan Atribut off	autolengkap menentukan sama ada medan input elemen <input> harus didayakan autolengkap. Atribut
autofokus	autofokus	menentukan bahawa elemen <input> akan mendapat fokus secara automatik apabila halaman dimuatkan. Atribut
ditanda	ditanda	menentukan elemen <input> yang harus dipilih terlebih dahulu apabila halaman dimuatkan. (Hanya untuk type="checkbox" atau type="radio")
dilumpuhkan	dilumpuhkan	atribut dilumpuhkan menentukan Atribut
formaction	URL	menentukan URL fail yang mengendalikan kawalan input apabila borang diserahkan . (hanya untuk type="submit" dan type="image")
formenctype	application/x-www-form-urlencoded berbilang bahagian/data-bentuk Atribut text/plain menentukan cara data borang dikodkan apabila diserahkan kepada pelayan (hanya sesuai untuk type="submit" dan type="image").
dapatkan post	mentakrifkan kaedah HTTP yang menghantar data borang ke URL tindakan. (Hanya sesuai untuk type="submit" dan type="image")
formnovalidate	formnovalidate atribut mengatasi elemen novalidate atribut.
_blank _diri sendiri _ibu bapa _top		menentukan tempat untuk memaparkan nama atau kata kunci respons yang diterima selepas menyerahkan borang. (Hanya sesuai untuk type="submit" dan type="image")
tinggi	piksel	Keperluan < ; input>Ketinggian elemen. (Hanya untuk type="image")
senarai	datalist_id	atribut merujuk kepada elemen
maksimum	nombor Atribut tarikh	menentukan nilai maksimum elemen <input> Atribut
maxlength	nombor	menentukan bilangan maksimum aksara yang dibenarkan dalam elemen <input>
min	nombor Atribut tarikh	menentukan nilai minimum elemen <input> Atribut
berbilang	berbilang menentukan bahawa pengguna dibenarkan memasukkan berbilang nilai ke dalam elemen <input> Atribut nama menentukan nama elemen <input> Atribut corak menentukan ungkapan biasa yang digunakan untuk mengesahkan nilai elemen <input>
		atribut pemegang tempat menentukan petua alat ringkas yang menerangkan nilai jangkaan input <input> padang .
baca sahaja	baca sahaja Atribut baca sahaja menyatakan bahawa medan input adalah baca sahaja. Atribut
diperlukan	menyatakan bahawa medan input mesti diisi sebelum borang diserahkan. Atribut saiz menentukan lebar yang boleh dilihat bagi elemen <input>	src
	Atribut src menentukan URL imej untuk dipaparkan sebagai butang serah. (hanya untuk type="image")	langkah
	atribut langkah menentukan selang nombor undang-undang untuk <input>
butang	warna	tarikh
tersembunyi	bulannomborkata laluan	atribut jenis menentukan < menjadi dipaparkan ;input> Jenis elemen.
nilai	teks	Menentukan nilai nilai elemen <input>
lebar	piksel	atribut lebar menentukan lebar elemen <input> (Hanya untuk type="image")

Atribut jenis menentukan jenis elemen <input>

Contoh nilai atribut jenis baharu dalam HTML5

• warna

Pemilih warna muncul apabila diklik, anda boleh memilih mana-mana warna

• nombor

Masukkan nombor dalam julat Anda boleh memasukkan nombor secara manual di luar julat, tetapi anda tidak boleh menyerahkan

• tel
  Masukkan nombor telefon, hanya safari yang menyokong

• e-mel
  mempunyai fungsi pengesanan sendiri apabila menyerahkan, ia akan mengesan sama ada ia mengandungi simbol @ dan sama ada terdapat aksara

• julat <.>
  

• url

  URL yang dimasukkan mesti bermula dengan http:// dan mesti mempunyai aksara selepasnya, jika tidak, ia tidak boleh diserahkan
  

• carian
  Mentakrifkan medan teks untuk memasukkan rentetan carian

  
  

• Kawalan tarikh - tarikh

<input>

• Kawalan masa - masa

<input>
<input>

• Kawalan tarikh masa - datetime-local

<input>

• Kawalan bulan - bulan

<input>

• Kawalan minggu - minggu

<input>

• Kawalan masa tarikh--masa tarikh

<input>

Nota: Kawalan tarikh dan masa juga menyokong atribut min dan maks, yang mewakili masa minimum dan maksimum yang boleh ditetapkan

<input>

Atribut kotak input kawasan teks mentakrifkan kawalan input teks berbilang baris.

Hartanah	Nilai	Penerangan

属性	值	描述
autofocus	autofocus	规定当页面加载时，文本区域自动获得焦点。
cols	number	规定文本区域内可见的宽度。
disabled	disabled	规定禁用文本区域。
form	form_id	定义文本区域所属的一个或多个表单。
maxlength	number	规定文本区域允许的最大字符数。
name	text	规定文本区域的名称。
placeholder	text	规定一个简短的提示，描述文本区域期望的输入值。
readonly	readonly	规定文本区域为只读。
required	required	规定文本区域是必需的/必填的。
rows	number	规定文本区域内可见的行数。
wrap	hard soft	规定当提交表单时，文本区域中的文本应该怎样换行。

autofokusautofokus Menentukan bahawa apabila halaman dimuatkan, kawasan teks secara automatik mendapat fokus. colsnomborMenentukan lebar yang boleh dilihat dalam kawasan teks. dilumpuhkandilumpuhkanMenentukan bahawa kawasan teks dilumpuhkan. borangform_idTentukan satu atau lebih borang yang menjadi milik kawasan teks. maxlengthnomborMenentukan bilangan maksimum aksara yang dibenarkan dalam kawasan teks. namateksMenentukan nama kawasan teks. pemegang tempatteksMenentukan pembayang ringkas yang menerangkan nilai input yang dijangkakan bagi kawasan teks. baca sahajabaca sahajaMenentukan bahawa kawasan teks adalah baca sahaja. diperlukandiperlukanMenentukan bahawa kawasan teks diperlukan/diperlukan. barisnomborMenentukan bilangan baris yang boleh dilihat dalam kawasan teks. balutkeras lembut menentukan cara teks dalam kawasan teks harus dibalut apabila borang diserahkan.

textarea文本区域中可容纳无限数量的文本，其中的文本的默认字体是等宽字体（通常是 Courier）。

可以通过 cols 和 rows 属性来规定 textarea 的尺寸大小，不过更好的办法是使用 CSS 的 height 和 width 属性。

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
</head>
<body>

<textarea rows="10" cols="30">
我是一个文本框。
</textarea>

</body>
</html>

（学习视频分享：web前端）

Atas ialah kandungan terperinci Apakah sifat yang terdapat pada kotak input teks HTML/CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!