Forma wewnątrz stolika-html

Forma wewnątrz stolika-html
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:

    #główny stoł
    granica: 4px Solid RGB (35, 238, 8);
    Kolor: RGB (29, 7, 230);
    kolor tła: RGB (248, 233, 192);
    Wyściółka: 30px;
    Margines: 20px 40px;

    W powyższym fragmencie 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.