在线接收短信验证码的网页设置涉及到后端服务器和前端页面两个主要部分。下面是一个简单的设置流程。
1、选择合适的服务器环境和编程语言，比如使用Python的Django或Flask框架，或者使用Node.js的Express框架。
2、集成短信服务提供商的API，如Twilio、阿里大于等，这些服务能让你通过发送短信验证码来验证用户的手机号，你需要注册并获取API密钥和访问权限。
3、在服务器端编写代码来处理发送短信验证码的请求，包括生成验证码、存储验证码信息（如有效期、手机号等）、调用短信服务提供商的API发送短信等。
4、设置路由和接口，确保前端页面可以通过HTTP请求与后端服务器进行通信。
前端页面设置：
1、设计并创建前端页面，如注册页面、登录页面等，需要用户输入手机号以接收验证码。
2、在前端页面，当用户点击获取验证码时，通过AJAX或其他技术向前端发送请求，请求中包含用户输入的手机号。
3、前端页面接收到验证码后，需要在合适的位置显示给用户，如在一个提示框中显示“您收到的验证码是：XXXX”。
4、用户输入收到的验证码后，前端页面会将验证码信息发送给后端服务器进行验证。
安全注意事项：
1、确保服务器和API的安全性，防止被恶意攻击或滥用。
2、对验证码进行有效期限制，避免长时间有效的验证码带来的安全风险。
3、对前端页面进行验证，确保用户输入的手机号和验证码格式正确。
4、可以考虑使用其他验证方式，如语音验证码、图像验证码等，提高系统的安全性。
具体的实现方式可能会因技术选型、需求等因素有所不同，建议在实际开发过程中参考相关文档和教程，或寻求专业的开发人员的帮助。
