Table, form (exercise), table form exercise
<! DOCTYPE html>
<Html lang = "en">
<Head>
<Meta charset = "UTF-8">
<Title> Document </title>
<Style>
Body {
Margin: 0; padding: 0;
}
Span {
Width: 35px;
Height: 25px;
Display: inline-block;
Background: url (../images/1.png );
}
. Two {
Background-position:-35px-50px;
}
. Three {
Background-position: 35px 75px
}
. Four {
Background-position:
}
. Five {
Background-position:
}
</Style>
</Head>
<Body>
<Input type = "date">
<Br>
<Br>
<Br>
<Br>
<Br>
<Br>
<Table border = "2">
<Tr>
<Th> 1 </th> <th> 2 </th> <th> 3 </th> <th> 4 </td>
</Tr>
<Tr>
<Td> Shanghai </td> <td> Guangzhou </td> <td> Shenzhen </td> <td> Haikou </td>
</Tr>
<Tr>
<Td> Shanghai </td> <td> Guangzhou </td> <td> Shenzhen </td> <td> Haikou </td>
</Tr>
<Tr>
<Td> Shanghai </td> <td> Guangzhou </td> <td> Shenzhen </td> <td rowspan = "2"> Haikou </td>
</Tr>
<Tr>
<Td colspan = "2"> Shanghai </td> <td> Shenzhen </td>
</Tr>
</Table>
<Hr>
<Form action = "a. php" method = "post">
User: <input type = "text" required autofocus/> <br>
Password: <input type = "password"/>
<Input type = "radio" name = "gender" value = "male"/> male
<Input type = "radio" name = "gender" value = "female" checked/> female <br/>
<Input type = "submit" value = "submit"/> <br>
</Form>
<Select>
<Option> Guangzhou </option>
<Option> Changsha </option>
<Option selected> Haikou </option>
</Select>
<Input type = "file"/>
<Br>
<Textarea rows = "10" cols = "50">
Leave a message
</Textarea>
<Ul>
<Li> <span> </span> 1 </li>
<Li> <span class = "two"> </span> 2 </li>
<Li> <span class = "three"> </span> 3 </li>
<Li> <span class = "four"> </span> 4 </li>
<Li> <span class = "five"> </span> 5 </li>
</Ul>
</Body>
</Html>