diff --git a/src/components/OpenwbBaseTextInput.vue b/src/components/OpenwbBaseTextInput.vue
index 0acc11ad..940bf52e 100644
--- a/src/components/OpenwbBaseTextInput.vue
+++ b/src/components/OpenwbBaseTextInput.vue
@@ -98,6 +98,7 @@
             type="text"
             class="form-control"
             v-bind="$attrs"
+            :pattern="hostPattern"
           />
           <input
             v-if="['email', 'url'].includes(subtype)"
@@ -308,6 +309,13 @@ export default {
       // default to textInput
       return this.$refs.textInput;
     },
+    hostPattern() {
+      const ipPattern = "^(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$";
+      const hostOnlyPattern = "^(?=.*[a-zA-Z].*$)([a-zA-Z0-9][a-zA-Z0-9\\-]*[a-zA-Z0-9])$";
+      const domainPattern =
+        "^((?=[^.]*[a-zA-Z][^.]*\\.)([a-zA-Z0-9][a-zA-Z0-9\\-]*[a-zA-Z0-9]\\.))+((?=[^.]*[a-zA-Z].*$)([a-zA-Z0-9][a-zA-Z0-9\\-]*[a-zA-Z0-9]))$";
+      return `(${ipPattern})|(${hostOnlyPattern})|(${domainPattern})`;
+    },
   },
   methods: {
     togglePassword() {