Some Ideas about forms and some ideas about forms
Form
<Form id = "" name = "" method = "get/post" action = ""> the length of the get submission is limited and the encoded content is visible in the address bar, the opposite is post.
</Form>
Text input
Text Box <input type = "text" id = "" name = "" value = ""/placeholder: text dimmed>
Password box <input type = "password" id = "" name = "" value = ""/>
Text Field <textarea name = "" id = "" cols = "" rows = ">"> </textarea>
Button
Submit button <input type = "submit" name = "" id = "" value = "" disabled = ""/>
Click and submit the server address in form.
Reset button <input type = "resest" name = "" id = "" value = ""/>
Normal button <input type = "button" name = "" id = "" value = ""/>
Image button <input type = "image" name = "" id = "" value = "" src = "image address"/>
Disabled indicates that the button is invalid.
Single choice and multiple choice
Single choice
<Input type = "radio" id = "" name = "" value = "/>
<Label for = ""> </label>
Multiple choice
<Input type = "checbox" id = "" name = "" value = "/>
<Label for = ""> </label>
Drop-down list
<Select name = "" id = "" size = "" multiple = "multiple"> If the size is greater than 1, the list is displayed.
<Option value = ""> content </option>
<Option value = "" selected = "slected"> content </option> selected is set as default
</Select>
File Upload
<Input type = "file" name = "" id = A'/>
Take job as an example ------- create a registry
<Body>
<Table width = "300px" height = "400px" border = "1" background = "PPS 2011-08-30 20'49''12.jpg">
<Tr>
<Td>
<Form method = "post" action = "http://www.sina.com">
<Table border = "1px">
<Tr>
<Td> Login Name: </td>
<Td>
<Input type = "text" name = "userid" value = "" placeholder = "Login name" required = "required">
</Td>
</Tr>
<Tr>
<Td> password: </td>
<Td>
<Input id = "a" type = "password" name = "pwd" value = "" required = "required" placeholder = "Enter 1 ~ 16-bit password ">
</Td>
</Tr>
<Tr>
<Td> Confirm Password: </td>
<Td>
<Input id = "B" type = "password" name = "pwd" value = "" required = "required" placeholder = "Enter 1 ~ 16-bit password ">
</Td>
</Tr>
<Tr>
<Td> mobile phone number: </td>
<Td>
<Input id = "m" type = "text" name = "4" value = "" placeholder = "retrieve password only">
</Td>
</Tr>
<Tr>
<Td> Gender: </td>
<Td>
<Input type = "radio" name = "r1" value = "a" value = "1"/>
<Label for = "r1"> male </label>
<Input type = "radio" name = "r1" value = "a" value = "2"/>
<Label for = "r1"> female </label>
</Td>
</Tr>
<Tr>
<Td> birthday: </td>
<Td>
<Input type = "text" name = "shengri" value = "id =" 111111111 "/>
</Td>
</Tr>
<Tr>
<Td> ethnicity: </td>
<Td>
<Select name = "aihao" size = "1">
<Option value = "0"> Han nationality </option>
<Option value = "1"> Zhuang Nationality </option>
<Option value = "2"> Uygur </option>
<Option value = "3"> Manchu </option>
<Option value = "4"> mountain family </option>
</Select>
</Td>
</Tr>
<Tr>
<Td> Hobbies: </td>
<Td>
<Input type = "checkbox" name = "aihao" id = "1" value = "a"/>
<Label for = "aihao"> swimming </label>
<Input type = "checkbox" name = "aihao2" id = "2" value = "B"/>
<Label for = "aihao2"> basketball </label>
<Input type = "checkbox" name = "aihao3" id = "3" value = "c"/>
<Label for = "aihao3"> running </label>
</Td>
</Tr>
<Tr>
<Td> heart type: </td>
<Td>
<Input type = "checkbox" name = "xindongleixing" value = "" id = "111"/>
<Label for = "xindongleixing"> black </label>
<Input type = "checkbox" name = "xindongleixing2" value = "" id = "222">
<Label for = "xindongleixing2"> long </label>
</Td>
</Tr>
<Tr>
<Td> others </td>
<Td height = "50px">
<Textarea name = "234" id = "aaa" cols = "30" rows = "4" placeholder = "this option is optional"> </textarea>
</Td>
</Tr>
<Tr>
<Td colspan = "2">
<Input type = "image" name = "q" id = "mm" src = "2016-11-22_digitalliteracy_home.jpg" width = "295px" height = "100px">
</Td>
</Tr>
<Tr>
<Td colspan = "2">
<Input type = "submit" name = "111" id = "olf">
<Input type = "reset" name = "111" id = "we">
</Td>
</Tr>
</Table>
</Td>
</Tr>
</Table>
</Form>
</Body>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
