C # One of Development --- front-end technology html/css
Part 1: html form tags: 1. form <form action = www.loready.cn/mothd.aspxmethod#post> // submit the content in the form to the server's www.loready.cn/mothd.aspxfile. </Form> 2. InputText: text input box. You can specify the text box length and maximum number of characters. Name: <inputtype = "text" name = "name"/> </br> Password: In the Password input box, all input values are asterisks. Password: <inputtype = "password" name = "password"/> Radio: single-digit gender: <inputtype = "radio" name = "sex" value = "male"/> male <inputtype = "radio" name = "sex" value = "female"/> femaleCheckbox: multiple choice box Hobbies: <inputtype = "checkbox" name = "holobby" value = "tour"/> travel <inputtype = "checkbox" name = "holobby" value = "book"/> reading <inputtype = "checkbox" name = "holobby" value = "sports"/> sports Range: select <inputtype = "range" value = "high" min = "1" max = "10"/> Image: Image. Use the Image as the submit button. T attribute. <Input type = "image" src = "img_submit.gif" alt = "Submit"/> Button, event triggering needs to be defined for the button. <Inputtype = "button" value = "button1"/> Submit: Submit the form data to the server through get or post. <Inputtype = "submit" value = "submit"/> Reset: Enter the content in the form again. <Inputtype = "reset" value = "reset"/> Hidden: Hide form <inputtype = hidden name = add value = hoge@hoge.jp> 3. textarea: Text area, that is, the text box with multiple rows and multiple columns. <Textarea name = "show" rows = "5" cols = "60"> </textarea> 4. select: drop-down list city: <selectname = "city" size = "3"> <optionselected = "selected" value = "suzhou"> suzhou </option> // who is selected by default, <optionvalue = "najin"> Nanjing </option> <optionvalue = "wuxi"> wuxi </option> <optionvalue = "changzhou"> changzhou </option>/ select> text list: ulli: unordered list <ul> <li> coffe </li> <li> tea </li> <ul> shows the result. Coffe // The front is labeled. The label type can be changed, such as square and round .. Tea ul ol ordered list <ul> <ol> coffe </ol> <ol> tea </ol> <ul> result 1 is displayed. coffe // carry the serial number, which can be changed, not just a number, but a letter. 2. tea Custom list <dl> <dt> coffe </dt> // definition list content <dd> A black beverage from abroad </dd> // description list content <dt> tea </dt> <dd> traditional Chinese drinks </dd> </dl>: coffe is a traditional Chinese Tea drink from foreign countries. Part 2: css I. CSS selector 1. Element selector e. g. html {color: black;} p {color: gray;} h2 {color: silver;} 2. selector group body, h2, p, table, th, td, pre, strong, em {color: gray ;} all element colors are gray. 3. class selector (1) basic format. important {color: red;} // all the label fonts of important class are red. <H1> Thisheading is very important.