Pertanyaan Formulir CSS bukan tabel 2011


Saya menyerah menggunakan CSS untuk bentuk styling ketika saya menekan snags seperti membutuhkan 3 kotak teks berdekatan satu sama lain (seperti nomor telepon) atau daftar dropdown di samping kotak teks. Saya tidak bisa menemukan cara yang dapat diandalkan untuk membuatnya tanpa TABLES yang baik.

Saya sedang berpikir untuk kembali ke CSS untuk membentuk gaya; Saya tidak tahu:

  1. Entah itu lebih bermanfaat untuk memiliki keterangan di atas atau di sebelah kiri lapangan.
  2. Cara menata hal-hal sehingga mereka ditempatkan dengan baik bahkan dengan beberapa elemen bentuk yang berdekatan.

Referensi? Apakah ini masih mimpi pipa?


5
2018-01-04 02:41


asal


Jawaban:


Ada beberapa template CSS yang dirancang khusus untuk meletakkan formulir.

Saya harap ini membantu mengarahkan Anda ke arah yang produktif dan mengagumkan. Hati hati.


2
2018-01-04 12:06



Maksudmu seperti ini?

alt text

Pada dasarnya kita menciptakan pseudotable

.mxrow {
clear: both;
width: 100%;
height: 50px;
}


.mxcell {
float: left;
padding-top: 10px;
padding-bottom: 10px;
height: 26px;
}

.mxcell_firstcell{
width: 25%;
}

Dan markupnya akan

<div class = "mxrow">
  <div class = "mxcell mxcell_firstcell"><input element /></div>
  <div class = "mxcell mxcell_secondcell"><another form element/></div>
</div>

Nama-nama kelas sel individu berfungsi untuk menerapkan css tertentu (markup saya adalah grid)


3
2018-01-04 02:58



Tidak, itu sangat mungkin, dan saya (dan banyak lainnya) telah melakukannya selama bertahun-tahun.

Melihat float: (left|right) dan display: (inline|inline-block).


0
2018-01-04 02:44



Orang lain memberi Anda beberapa saran yang valid ... jika Anda masih memiliki masalah, Anda dapat mencoba kerangka bentuk css seperti formee ... http://www.formee.org/


0
2018-01-04 07:56