学生档案复习前面HTML5新增标签属性input属性

mac2022-06-30  8

根据所学HTML5新增的标签、属性、input属性,把学生的姓名、手机、邮箱、职业、出生日期、成绩写出来

代码如下:

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>学生档案</title> </head> <body> <fieldset> <legend>学生档案</legend> <label>姓名: <input type="text" name="" placeholder="请输入你的名字" autofocus="autofocus"><label><br /> <label>手机: <input type="tel" name="" placeholder="请输入你的手机号码"></label><br /> <label>邮箱: <input type="email" name="" placeholder="请输入你的邮箱"></label><br /> 职业: <input type="text" name="" placeholder="请选择你的职业" list="job"> <datalist id="job"> <option>水果</option> <option>牛杂</option> <option>青菜</option> <option>猪肉佬</option> </datalist><br /> 出生日期:<input type="date" name=""><br /> <label>成绩:<input type="number" name=""></label><br /> <input type="submit" name="" value="提交"> <input type="reset" name="" value="重置"> </fieldset> </body> </html>

效果如下:

最新回复(0)