Model tabeli HTML pozwala autorom układać dane w postaci obrazów, pola formularzy, obrazów, tekstu sformatowanego, mini tabele i wielu innych. Każda tabela może mieć odpowiedni opis, który zawiera krótką dyskusję na temat funkcji tabeli. Ponadto, jeśli użytkownicy chcą inteligentnie umówić dane na stronach internetowych, mogą dodawać formy w komórkach tabeli.
Ten post wyjaśnia metodę tworzenia formularza wewnątrz tabeli.
Jak utworzyć formularz wewnątrz stołu?
Możesz utworzyć tabelę za pomocą „
„Tag, a następnie zdefiniuj wiersze tabeli za pomocą„" I użyć "
„Aby dodać dane w tabeli. W środku „
„Tag, użyj„„Element do tworzenia formularza w tabeli.
Aby utworzyć formularz w tabeli, postępuj zgodnie z danymi instrukcjami.
Krok 1: Zrób kontener DIV
Początkowo zrób kontener DIV za pomocą „”Tag. Dodaj także „ID”Atrybut i określ nazwę identyfikacji.
Krok 2: Zaprojektuj tabelę
Następnie zaprojektuj tabelę za pomocą „
”Tag. Następnie zdefiniuj wiersze tabeli i dane tabeli wewnątrz tabeli. Aby to zrobić, postępuj zgodnie z określonymi krokami:
"
”Służy do wstawienia wierszy stołowego do stołu.
"
”Jest wdrażany w celu umieszczenia danych w wierszach tabeli.
Krok 3: Utwórz formularz
Następnie wewnątrz „
”Otwarcie i zamykanie, utwórz formularz za pomocą„”Element i zdefiniuj następujący element w formie:
"”Element określa etykietę pola w interfejsie użytkownika.
"”Służy do tworzenia skutecznych kontroli formularzy internetowych w celu akceptowania danych użytkownika. Aby to zrobić, dodaj „typ" I "symbol zastępczy”Atrybuty.
"typ”Atrybut określa określony typ zdefiniowanego wejścia.
"symbol zastępczy„Atrybut jest wykorzystywany do dodania wartości w polu formularza do wyświetlania:
Dane tabeli
Wyjście
Krok 5: Styl kontener Div
Uzyskaj dostęp do kontenera Div za pomocą „ID„Selektor i wartość„ id ”jako„#Table główny". Następnie zastosuj poniżej wspomniane właściwości CSS w bloku kodu:
"granica”Służy do zdefiniowania granicy wokół elementu na stronie HTML.
"kolor”Określa kolor tekstu wewnątrz elementu.
"kolor tła”Jest wykorzystywany do przydzielania koloru z tyłu zdefiniowanego elementu.
"wyściółka”Dodaje przestrzeń wokół elementu wewnątrz zdefiniowanej granicy.
"margines”Określa przestrzeń poza zdefiniowaną granicą.
Wyjście
Krok 6: Zastosuj styl na danych tabeli
Uzyskaj dostęp do danych tabeli za pomocą jego nazwy i zastosuj styl zgodnie z preferencjami:
Tabela TD Border: 3px Groove RGB (15, 11, 252);
Aby to zrobić, „granica”Jest zdefiniowane wokół danych tabeli.
Jak widać, granica została pomyślnie dodana poza danymi tabeli:
Krok 7: formularz stylu
Teraz uzyskaj dostęp do formularza i zastosuj właściwości CSS zgodnie z wyborem:
formularz kolor tła: RGB (140, 140, 245);
Ponieważ zastosowaliśmy „kolor tła„Właściwość do określenia koloru z tyłu elementu formularza:
Chodzi o tworzenie formularza wewnątrz stołu.
Wniosek
Aby utworzyć formularz wewnątrz tabeli, najpierw utwórz tabelę za pomocą „
”Tag. Następnie dodaj wiersze za pomocą „”I dane z„
" element. Potem pomiędzy „
”Element, utwórz formularz, wykorzystując element i dodaj atrybuty zgodnie z Twoimi preferencjami. Ten post wyjaśnił metodę tworzenia formularza wewnątrz tabeli.