如何使用HTML、CSS和JavaScript创建一个可自定义的输入元素，以接受来自多个国家/地区的数字？[关闭]

ndasle7k 于 2023-06-04 发布在 Java

关注(0)|答案(1)|浏览(82)

**关闭。**此题需要debugging details。目前不接受答复。

编辑问题以包括desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem。这将帮助其他人回答这个问题。
昨天关门了。
Improve this question
使用HTML、CSS和JavaScript输入元素
我需要建立一个输入元素使用HTML，CSS和JavaScript，可以接受他们的国家标志或国旗显示接近它不同的国家号码。我如何创建它。

JavaScript

来源：https://stackoverflow.com/questions/76373195/how-to-create-a-customizable-input-element-for-accepting-numbers-from-multiple-c

1条答案

按热度按时间

ruarlubt1#

找到一个API或其他东西，或者你将不得不使用切片（input.value）的前2个或3个数字，并将其与您为不同国家的数据代码相匹配
举个例子

let input = document.querySelector('input')
    let img = document.querySelector('img')
    let btn = document.getElementById('submit')

    btn.addEventListener('click', ()=>{
        std = input.value.slice(0, 3)
        if (std == "+91" /*India*/) {
            img.src = "imagesrchere"
            document.write("countryname")
        }
        else{
          document.write(12)
        }
    })

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action="">
    <label for="">Phone</label>
    <div class="phone-wrapper">
        <div class="img">
            <img src="#" alt=""><!--flag image-->
        </div>
        <input type="tel" id="">
    </div>
    <input type="submit" value="Submit" id="submit">
</form>
</body>
</html>

这将是一个太长的过程，如果你有更少的时间搜索一个包使用这个NPM包，不用担心，你可以使用脚本标签也
https://www.npmjs.com/package/country-list-with-dial-code-and-flag

赞(0）回复(0）举报 2023-06-04

我来回答

如何使用HTML、CSS和JavaScript创建一个可自定义的输入元素，以接受来自多个国家/地区的数字？[关闭]

1条答案

相关问题

热门标签

最新问答