Hongmu Notes
Home Summary of pitfalls Commonly used tags in HTML forms
Summary of pitfalls

Commonly used tags in HTML forms

Commonly used tags in HTML forms

Text input box

 <input type="text" name="uname" value="" placeholder="请输入您的用户名" />

Password input box

<input type="password" name="pwd" value="" />

radio button

 <input type="radio" name="gender" value="1" />男
<input type="radio" name="gender" value="2"checked="checked" />女
<input type="radio" name="gender" value="3" />未知

Multiple choice button

<input type="checkbox" name="fav" value="1" />刘备
<input type="checkbox" name="fav" value="2" />关羽
<input type="checkbox" name="fav" value="3"checked="checked" />张飞
<input type="checkbox" name="fav" />赵云

Select number

 <input type="number" name="age" value="18" min="16"max="60" />

##Drop-down list##

<select name="un" multiple="multiple"size="2"> 可以多选; size显示的数量
  
<select name="address">
<option value="1">山东省</option>
<option value="2" selected="selected">北京市</option>
<option value="3">河北省</option>
<option value="4">河南省</option>
<option value="5">安徽省</option>
<option value="6">福建省</option>
<option value="7">湖南省</option>
<option value="8">湖北省</option>
<option value="9">新疆维吾尔自治区</option>
</select>

time

<input type="date" name="birthday" />

color

<input type="color" name="cc" />

File upload

<input type="file" name="photo" />

long text

<textarea name="introduce" rows="5" cols="50">默认值显示...</textarea>

pictures

<input type="image" src="img/123.jpg" width="100px" />

button

<input type="submit" value="提交" />

<input type="reset" value="重置" />

<input type="button" value="普通按钮" onclick="alert('功能有待实现');" />
微信赞赏

WeChat

支付宝赞赏

Alipay

✍️ Author: Hong Mu

webmaster · Thanks for reading, stay tuned for more exciting content

Author homepage View home page →

Related articles

Browser caching increases the speed of secondary visits to your website

Browser caching increases the speed of secondary visits to your website Summary of pitfalls

Use browser caching of official words: If users will visit your website multiple times, browser caching of static resources can save users time. Cache headers should be applied to all cacheable static resources, not just to a small subset of static resources (for example, images). Cacheable resources include JS and CSS files, image files, and other binary object files (media files, PDF files, etc.). Normally, HTML doesn’t…
👁 202

Recommended reading

Resource website typecho001 template

Resource website typecho001 template Program Notes Typecho

typecho001 template template please do not modify the folder name of this template. The folder name is: typecho001 1.4 Fix the js output problem on the article page 1.3 Fix the error prompt when the plug-in is not installed Optimize the list page code output 1.2 Fix the comment function and add a custom homepage title 1.1 Fix the comment reply asymmetry function Add a separate title setting function on the homepage Add the website favicon.ico icon Add one...
👁 199
Modification of typecho paging style

Modification of typecho paging style Program Notes Typecho

Sir, times have changed! Typecho is currently the most perfect solution, because Baidu can only see the code of fixed thinking. The actual generated HTML code is breathtakingly clean and fully customized, including adding classes to the li element, adding classes to the a element, adding classes to the previous page and next page, and removing the li tags that come with typecho to express more. I can even add some text to the content inside...
👁 517
Typecho article page comment style modification

Typecho article page comment style modification Program Notes Typecho

When you need to use typecho for template development, the default comment style is ugly. Therefore, comments need to be re-output or styled. The default comment template file path is: comments.php Mainly used related variables<?php $comments->gravatar('40', ''); ?> //Avatar has two parameters, size,...
👁 389
Typecho's API for adding, deleting, modifying and querying databases

Typecho's API for adding, deleting, modifying and querying databases Program Notes Typecho

Typecho database provides a very easy-to-use API, which is not much different from the native SQL writing method. At the same time, it also handles common SQL security issues, such as SQL injection. From a practical perspective, this article introduces common scenarios for typecho to operate databases and related API usage. Table creation and deletion During the development process of Typecho plug-in, you often need to create your own table. Typecho_… mentioned above
👁 552
PHP ob function record

PHP ob function record Language Notes PHP

Usage of the following three functions ob_get_contents(); ob_end_clean(); ob_start(); You can use these functions to buffer local files and execute local script code. Use ob_start() to save the output code into the buffer, and the page will not be displayed; then use ob_get_contents to get the data in the buffer. o…
👁 141
Summary of methods for calling popular comment articles and calling latest articles in Typecho

Summary of methods for calling popular comment articles and calling latest articles in Typecho Program Notes Typecho

Typecho articles call the Typecho program. When designing a theme, the sidebar sometimes needs to call popular articles or the latest articles. We can call it directly through the script at the specified location. In this article, we will organize this method of calling articles, which can be directly called and used in templates where needed in the future. In fact, designing a theme is just that. After the static template is completed, it is called directly. The latest article calls <?php $t…
👁 295