# 模拟密码输入

一个安全的程序在用户输入密码时不应该显示密码本身，而应该回显星号或者点号，例如`······`或`******`，这在网页、PC软件、ATM机、POS机上经常看到。但是C语言没有提供类似的功能，控制台上只能原样显示用户输入的字符。

```c
#include <stdio.h>
#include <stdlib.h>
#include <conio.h>
#include <ctype.h>
#define PWDLEN 20
void getpwd(char *pwd, int pwdlen);
int main() {
	char pwd[PWDLEN + 1];
	printf("Input password: ");
	getpwd(pwd, PWDLEN);
	printf("The password is: %s\n", pwd);
	system("pause");
	return 0;
}
/**
* 获取用户输入的密码
* @param  pwd     char*  保存密码的内存的首地址
* @param  pwdlen  int    密码的最大长度
**/
void getpwd(char *pwd, int pwdlen) {
	char ch = 0;
	int i = 0;
	while (i < pwdlen) {
		ch = _getch();
		if (ch == '\r') {  //回车结束输入
			printf("\n");
			break;
		}

		if (ch == '\b' && i > 0) {  //按下删除键
			i--;
			printf("\b \b");
		}
		else if (isprint(ch)) {  //输入可打印字符
			pwd[i] = ch;
			printf("*");
			i++;
		}
	}
	pwd[i] = 0;
}
```

代码中定义了一个函数 getpwd()，它有两个参数：pwd 为保存密码的内存的首地址，pwdlen 为密码的最大长度。

函数通过 while 循环来不断读取用户输入的字符，并逐一对它们进行处理：

- 如果用户按下回车键，表示输入结束了，getch() 将会读取到`\r`；
- 如果用户按下删除键，表示删除前面的字符，getch() 将会读取到`\b`；
- 如果用户输入可打印字符，那么就读取该字符并回显星号。


while 循环中之所以使用 getch() 来获取字符，是因为该函数既没有回显也没有缓存，可以立即读取到用户输入的字符，并且不会在屏幕上显示出来。

从循环条件 i<pwdlen 可以看出，当用户输入的密码超过最大长度时跳出循环，结束输入。

> 用户按下回车键时，getchar() 将读取到`\n`字符，而 getch() 将读取到`\r`字符。也就是说，对于不同的字符输入函数，回车键产生的字符不同，这个细节读者要引起注意。

#### 删除密码的思路

密码保存在字符数组中，当用户按下删除键时，不仅要删除前面的星号，还应该删除字符数组中前面的元素。

需要注意的是，数组中的元素在内存中是连续分布的，无法直接删除。上面代码中，我们并没有对数组元素进行任何操作，而是将变量 i 减 1，跳过要删除的字符。这些本该被删除的字符依然留在数组中，它们会被后续输入的字符覆盖掉。

第29行代码中，我们通过`printf("\b \b");`来删除前面的星号。`\b`表示退格，也就是光标向后移动一个位置。退格，输出空格，再退格就能删除前面的星号。例如我们输入了密码 123，它在屏幕上显示为：

```
***_
```

输出一个退格，光标向前移动一个字符的位置，变为：

```
***
```

此时再输出一个空格，星号就会被覆盖掉，变为：

```
** _
```

虽然星号被空格替换掉了，但是光标也同时向后移动了一个位置，这样光标和星号之间就有了一个字符的间隔，所以还需要再输出一个退格，消除间隔。再输出一个退格后变为：

```
**_
```

函数体最后一行代码也至关重要，它向字符数组中添加了字符串结束符，决定者密码在何处结束。


<!-- markdown for nginx, see https://phus.lu -->
<script>
!function(){
	var dom = {
		element: null,
		get: function (o) {
			var obj = Object.create(this)
			obj.element = (typeof o == "object") ? o : document.createElement(o)
			return obj
		},
		add: function (o) {
			var obj = dom.get(o)
			this.element.appendChild(obj.element)
			return obj
		},
		text: function (t) {
			this.element.appendChild(document.createTextNode(t))
			return this
		},
		attr: function (k, v) {
			this.element.setAttribute(k, v)
			return this
		}
	}

	if (!document.head) return
	head = dom.get(document.head)
	head.add('meta').attr('charset', 'utf-8')
	head.add('meta').attr('name', 'viewport').attr('content', 'width=device-width,initial-scale=1')

	if (!document.body) {
		document.write(["<div class=\"container\">",
		"<h3>nginx.conf</h3>",
		"<textarea rows=6 cols=50>",
		"# download markdown.html to /wwwroot",
		"location ~ \\.md$ {",
		"    default_type text/html;",
		"    add_after_body /markdown.html;",
		"}",
		"</textarea>",
		"</div>"].join("\n"))
		return
	}

	var bodytext = document.body.innerHTML
	document.body.innerHTML = ''

	div = dom.get('div').attr('class', 'container')

	div.add('script').attr('src', 'https://cdnjs.cloudflare.com/ajax/libs/marked/0.5.2/marked.min.js').attr('integrity', 'sha256-zFUosuESzULu5P+SZdjRRtBZR8+1u5RZDlbt3Q5KL8U=').attr('crossorigin', 'anonymous')
	div.add('link').attr('rel', 'stylesheet').attr('href', 'https://cdnjs.cloudflare.com/ajax/libs/github-markdown-css/5.1.0/github-markdown-light.min.css').attr('integrity', 'sha256-WQx0Y6LLZeGv3V3NVVge+YIL5MIOt45RPuFdkyNodls=').attr('crossorigin', 'anonymous')

	title = decodeURIComponent(document.location.pathname.replace(/.*\//, '').replace(/\.html$/, ''))
	document.title = '《' + title.replace(/\.md$/, '') + '》'
	tbody = div.add('table').add('tbody')
	tbody.add('tr').add('th').text(title).attr('class', 'octicon-book')
	tbody.add('tr').add('td').add('div').attr('id', 'readme').attr('class', 'markdown-body')

	wait = function (name, callback) {
		var interval = 10; // ms
		window.setTimeout(function() {
			if (window[name]) {
				callback(window[name])
			} else {
				window.setTimeout(arguments.callee, interval)
			}
		}, interval)
	}
	wait('marked', function() {
		document.getElementById("readme").innerHTML = marked.parse(bodytext)
	})

	document.body.appendChild(div.element)
}()
</script>

<style>
body {
	margin: 0;
	font-family: "ubuntu", "Tahoma", "Microsoft YaHei", Arial, Serif;
}
.markdown-body {
	float: left;
	font-family: "ubuntu", "Tahoma", "Microsoft YaHei", Arial, Serif;
}
.container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
@media (min-width: 768px) {
	.container {
		max-width: 80%;
	}
}
@media (min-width: 992px) {
	.container {
		max-width: 70%;
	}
}
@media (min-width: 1200px) {
	.container {
		max-width: 60%;
	}
}
table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px;
	border: 1px solid #ddd;
	padding: 0;
	border-collapse: collapse;
}
table th {
	font-size: 14px;
}
table tr {
	border: 1px solid #ddd;
	padding: 5px;
}
table th, table td {
	border: 1px solid #ddd;
	font-size: 14px;
	line-height: 20px;
	padding: 3px;
	text-align: left;
}
.octicon-book {
	background-position: center left;
	background-repeat: no-repeat;
	padding-left: 20px;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M3,5 L7,5 L7,6 L3,6 L3,5 L3,5 Z M3,8 L7,8 L7,7 L3,7 L3,8 L3,8 Z M3,10 L7,10 L7,9 L3,9 L3,10 L3,10 Z M14,5 L10,5 L10,6 L14,6 L14,5 L14,5 Z M14,7 L10,7 L10,8 L14,8 L14,7 L14,7 Z M14,9 L10,9 L10,10 L14,10 L14,9 L14,9 Z M16,3 L16,12 C16,12.55 15.55,13 15,13 L9.5,13 L8.5,14 L7.5,13 L2,13 C1.45,13 1,12.55 1,12 L1,3 C1,2.45 1.45,2 2,2 L7.5,2 L8.5,3 L9.5,2 L15,2 C15.55,2 16,2.45 16,3 L16,3 Z M8,3.5 L7.5,3 L2,3 L2,12 L8,12 L8,3.5 L8,3.5 Z M15,3 L9.5,3 L9,3.5 L9,12 L15,12 L15,3 L15,3 Z' /%3E%3C/svg%3E");
}
</style>